jquery - jquery高亮显示任何div

Question

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

我的html代码...

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

jquery代码...

$(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

这是关于子元素不需要的不透明度更改的问题吗？因为当你改变body的不透明度时，div的不透明度也会改变。

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