Javascript 如何淡出整个html正文内容，除了使用jquery悬停的内容？

假设我的html如下所示：

<div id="content">
   <div class="container">
       <div class="not-to-be-fade">
       </div>   
   </div>
</div>

这样，所有html正文都会淡入淡出，类为

的div也会淡入淡出，但我希望类为
的div不会淡入淡出；
$（“：not（.className）”）

而不是淡入实际的
.container
，淡入
.container的内容

请尝试下面的代码片段


$（'.不褪色'）。悬停（函数（）{
$（'.container div:not（.not to be fade'））.fadeTo（'slow'，0.5）；
}，函数（）{
$（'.container div:not（.not to be fade'）。fadeTo（'slow'，1）；
});
。不褪色{
背景色：红色！重要；
}
.货柜组{
高度：30px；
宽度：100%；
边框：1px纯黑；
边缘顶部：10px；
背景颜色：蓝色；
}
如果目标元素具有绝对位置或固定位置，则此代码不起作用。我有时间的时候会完成的

这里发生的是，我创建了1个包装器div和4个附加div。这4个div具有背景色
rgba（255，255，255，0.5）
，经过一些计算，这就是结果


$（'.notbefade'）.mouseenter（函数（）{
var宽度=此偏移网络宽度；
var height=此值。偏离视线；
var maj=document.createElement（'div'）；
var top=$（this）.offset（）.top；
var left=$（this）.offset（）.left；
var bottom=document.documentElement.clientHeight-（top+this.offsetHeight）；
var right=document.documentElement.clientWidth-（左+此.offsetWidth）；
对于（设i=0；i当你的类
容器的div褪色时，里面的所有内容都会褪色。
不褪色
在
容器内
@asHK没有办法这样做吗？这看起来很好，因为你没有为容器或内容div设置背景颜色。@jerdine你是在
容器内褪色div，其中P询问关于褪色div inside
content
hi@asHK是的。我建议OP可以褪色
内的内容，而不是褪色整个
.container
。container
@ArashShiri你检查过这个答案了吗？你认为如何？它在这里工作正常，但在我的例子中，很多html很难通过我明白了，TNX
$('.not-to-be-fade').hover(function(){
    $('#content).not('.not-to-be-fade').fadeTo('slow', 0.5);
})