制作一个不受身体类影响的标签

时间:2014-03-06 17:45:25

标签: javascript jquery css3

所以我已经将我的身体宽度设置为600px,因此当在身体外面进行身体处理时,身体会变成0.25的不透明度。我通过jquery向它添加一个类直接将该设置应用于body标签,当主体被鼠标悬停时,类(opac)被删除。当我被淘汰时,我希望按钮在身体外部具有固定位置,之前已经应用了opac类,不再受其影响。这些按钮的不透明度将达到1(如果我没有弄错的话,这是项目的正常设置,因此它们完全在视野中)。目前,当身体被遮盖时,按钮确实具有0.25的不透明度,但是当身体被剔除时,按钮保持相同的不透明度,当按钮被遮盖时,它将身体和按钮带入不透明度1。

2 个答案:

答案 0 :(得分:0)

不要为此使用不透明度。

如果将不透明度设置为mother元素,则所有子元素都将重新设置此设置。

对颜色使用 RGBa ,而不是使用:hover 选择器代替jquery。

答案 1 :(得分:0)

正文中的元素将继承其父级的0.25不透明度(在这种情况下为<body>)。您最好的选择是使用如下结构:

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

现在您可以应用不透明度:将鼠标悬停在.container并相应地将按钮放在.buttons中。