Javascript 使标记不受主体类的影响

Javascript 使标记不受主体类的影响,javascript,jquery,css,Javascript,Jquery,Css,所以我将我的身体宽度设置为600px,这样当鼠标移到身体外部时,身体的不透明度变为0.25。通过jquery向body标记添加一个类,我将该设置直接应用于body标记,当鼠标移到body上时,类opac被删除。当鼠标从中移出时,我希望按钮在主体外部有一个固定的位置,之前应用了opac类,不再受其影响。按钮的不透明度将提高到1,如果我没有弄错的话,这是项目的正常设置,因此它们完全可见。当前,鼠标悬停在主体上时,按钮的不透明度为0.25,但当鼠标悬停在主体上时,按钮的不透明度保持不变,当鼠标悬停在按

所以我将我的身体宽度设置为600px,这样当鼠标移到身体外部时,身体的不透明度变为0.25。通过jquery向body标记添加一个类,我将该设置直接应用于body标记,当鼠标移到body上时,类opac被删除。当鼠标从中移出时,我希望按钮在主体外部有一个固定的位置,之前应用了opac类,不再受其影响。按钮的不透明度将提高到1,如果我没有弄错的话,这是项目的正常设置,因此它们完全可见。当前,鼠标悬停在主体上时,按钮的不透明度为0.25,但当鼠标悬停在主体上时,按钮的不透明度保持不变,当鼠标悬停在按钮上时,主体和按钮的不透明度均为1。

请勿对此使用不透明度

如果将“不透明度”设置为“母元素”,则所有子元素都将重新进行此设置


将RGBa用于颜色,并首选:悬停选择器而不是jquery。

在本例中,主体内的元素将继承其父元素的0.25不透明度。最好使用如下结构:

<body>
  <div class="container">
    ...
  </div>
  <div class="buttons">
    ...
  </div>
</body>

现在,您可以将不透明度应用于:hover to.container,并相应地将按钮放置在.buttons中。

您不能将一个元素放置在不透明度设置较低的元素中,而期望子元素具有较高的不透明度,这是不可能的。谢谢,但我们不允许使用,有其他方法解决此问题吗,我不确定您的内部要求可能是什么,但您可以使用和。请注意,我不知道你的局限性背后的动机是什么,所以如果这没有帮助,我很抱歉。很好,我很高兴这是有用的。这能解决你的问题吗?如果是这样的话,如果你能把我的回答标记为接受,我将不胜感激。如果没有,请告诉我您仍然遇到了什么问题,希望我能够进一步提供帮助。这确实解决了我的问题,我是HTML新手,不知道标签为我做了什么,实现了这一点,我能够实现我想要的。非常感谢。