Fatal编程技术网
  • jquery/
  • jquery高亮显示任何div

jquery高亮显示任何div

jquery

jquery高亮显示任何div,jquery,Jquery,我正在尝试创建一种效果，可以突出显示页面上的div（并模糊主体） 我的html代码 <div class="highlighter">content goes here</div> 但是我的jquery代码没有按预期工作，我正在尝试做的是：加载页面，用较低的不透明度或黑色背景模糊页面（主体），但没有。高亮div，所以这个div应该高亮显示5秒钟，然后模糊效果从网站上移除，网站将正常工作，请帮助我实现效果，谢谢您的帮助。这是关于子元素不必要的不透明度更改的问题吗？因为更改

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

我的html代码

<div class="highlighter">content goes here</div>
但是我的jquery代码没有按预期工作，我正在尝试做的是：加载页面，用较低的不透明度或黑色背景模糊页面（主体），但没有。高亮div，所以这个div应该高亮显示5秒钟，然后模糊效果从网站上移除，网站将正常工作，请帮助我实现效果，谢谢您的帮助。

这是关于子元素不必要的不透明度更改的问题吗？因为更改主体的不透明度时，div的不透明度也会更改

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

我看不到您在代码中使用类
高亮灯
引用
div
。那么什么是
horzad
？您向我们展示的HTML与您向我们展示的javascript无关。请填写缺少的HTML或javascript，以便我们可以同时看到它们。@kei抱歉，这是打字错误，我编辑过question@jfriend00我编辑了问题，请检查

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

   }, 5000);
});