Question

我想创建一个叠加效果，除了标题和菜单之外的所有内容都会变暗，如果您将鼠标悬停在“报告”上在左上角。

如果我没有实现叠加层，它就可以工作了。但是如果我实现叠加层，网页就不再可滚动了。这就是我创建叠加层的方法：

jQuery( ".l-section.wpb_row" )
    .slice(2)
    .wrapAll( "<div id='overlayWrapper' style='position: relative;'/>");

jQuery( "#overlayWrapper" )
    .append( "<div id='overlayInWrapper' style='z-index: 90; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); overflow: auto; position: absolute; display: none;'/>");

可悲的是，我需要使用jQuery，因为它是一个WordPress和Visual Composer生成的网站！

最后它应如下所示：enter image description here

你能告诉我我的错误在哪里以及如何解决这个错误吗？如果你将鼠标悬停在＆＃39; REPORTS＆＃39;触发显示叠加div #overlayWrapper的函数。

亲切的问候

包装后网站不可滚动

0 个答案: