0

我有一个不透明度不覆盖整个页面的网页。我尝试使用 z-index 来解决这个问题，但由于某种原因它不起作用。

这是网页： http: //www.fairdash.com/test-page

这是 JSFiddle：http: //jsfiddle.net/4gqs4275/light/

这是我的 CSS 试验：

更换.avgrund-cover没有.avgrund-active成功。

我已经.avgrund-active {visibility: visible; opacity: .55;}从opacity:1;..avgrund-active .avgrund-cover

注意：我只能编辑位于 JSFiddle 中的代码来解决这个问题。

4

1 回答 1

-2

好的，请听我说，我不知道 JSFiddle 是什么，但我已经想出了一个可能的解决方案。你看，你需要做的是做一个，背景黑色，然后将不透明度设置为 0.4，将 z-index 设置为页面上方但弹出窗口下方，然后，只需在 JQuery 或其他框架中创建一个函数/库，然后将其淡入。我在下面准备了一些示例代码：

    $("#opacityDiv").fadeOut(0);

    $("#whateverthebuttoniscalled").click(function(){

    $("#opacityDiv").fadeIn(400);


    });

    $("#opacityDiv").click(function(){

    $("#opacityDiv").fadeOut(400);

    });

很高兴我能帮上忙。你在那里有一个很酷的效果！

于 2014-09-12T21:43:09.853 回答