jquery突出显示任何div

Question

我正在尝试创建一个可以突出显示页面上的div（和模糊主体）的效果......

我的HTML代码......

<div class="highlighter">content goes here</div>

jquery code ...

$(document).ready(function () { 
   setTimeout(function() {
       $('body').css("background-color","black").fadeTo('fast', 0.3, function() {
           $('.highlighter').fadeTo('slow', 0.9);
       });

   }, 5000);
});

但我的jquery代码没有按预期工作，我想要做的是：加载页面，模糊页面（正文）具有较低的不透明度或黑色背景但没有.highlighter div所以此div应突出显示为5秒，然后模糊效果从网站和网站删除将正常工作，请帮助我实现效果，感谢您的帮助。

Answer 1

这是否是儿童元素不必要的不​​透明度变化的问题？因为当你改变身体的不透明度时，div的不透明度也会改变。

为避免这种情况，您可以创建另一个div，将其绝对定位以覆盖整个页面，并将其不透明度设置为0.2，并将其z-index分配给一个值（例如1000）。然后将要突出显示的div的z-index分配给大于该值的值（1001）。