解决整页不透明度问题

Solve full page opacity issue

本文关键字：问题 不透明度 解决      更新时间：2023-09-26

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

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

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

以下是我的CSS试用版：

用.avgrund-active替换.avgrund-cover失败。

我添加了.avgrund-active {visibility: visible; opacity: .55;}，并从.avgrund-active .avgrund-cover中删除了opacity:1;。

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

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

    $("#opacityDiv").fadeOut(0);
    $("#whateverthebuttoniscalled").click(function(){
    $("#opacityDiv").fadeIn(400);

    });
    $("#opacityDiv").click(function(){
    $("#opacityDiv").fadeOut(400);
    });

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

相关文章：