0

我正在尝试创建一种可以突出显示页面上的 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 秒然后模糊效果从网站中删除,网站将正常工作,请帮助我实现效果,谢谢帮助。

4

1 回答 1

0

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

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

于 2012-08-09T23:08:33.980 回答