Question

我有一个网页，其中不透明度不会覆盖整个页面。我尝试使用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中的代码来解决这个问题。

Answer 1

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

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

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

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


    });

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

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

    });

很高兴我能提供帮助。那里你有很酷的效果！

解决整页不透明度问题

1 个答案: