所以我将主体宽度设置为 600 像素，这样当鼠标移到主体外部时，主体的不透明度变为 0.25。通过 jquery 添加一个类，我将该设置直接应用于 body 标签，当鼠标悬停在 body 上时，类 (opac) 被删除。当鼠标移出时，我希望按钮在 body 之外有一个固定位置，之前应用了 opac 类，不再受它影响。按钮的不透明度将变为 1(如果我没记错的话，这是元素的正常设置，因此它们完全可见)。目前，当鼠标悬停在主体上时，按钮确实具有 0.25 的不透明度，但是当鼠标移出主体时，按钮保持相同的不透明度，当鼠标悬停在按钮上时，它会使主体和按钮都变得不透明共 1 个。
最佳答案
body 内的元素将继承其父元素的 0.25 不透明度(在本例中为 <body>，)。您最好的选择是使用如下结构:
<body>
<div class="container">
...
</div>
<div class="buttons">
...
</div>
</body>
现在您可以在 :hover 上应用不透明度到 .container并将按钮放在 .buttons 中相应地。
关于javascript - 制作一个不受 body 类影响的标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22232068/