Question

我想使用jQuery在点击附加图片按钮时弹出div图层，在div中有一个embeded div，它结束了fileupload控件，让用户从那里的计算机中选择文件。我设置了掩码div的css

opacity=0.70

工作正常，但我发现嵌入的div也有透明效果。即使我设置内部div opacity = 1.0，它仍然感觉它在opcity = 0.70。如何避免对内部div的透明效果？

Answer 1

我认为你最好的选择是将内部div拉出来并将其放在透明div的顶部。

Answer 2

您可以在父母背景上使用Alpha频道。

这会将父div的背景设置为黑色，不透明度为70％。

.parentDiv {
    backround:rgba(0,0,0,0.7);
}

儿童div也将拥有自己的风格

.childDiv {
    background:red;
}

因此，您将拥有一个略透明的父级，具有完全不透明的子级

另请注意，如果您需要半透明或透明边框，可以采用相同的方式设置边框颜色

另请注意，您也可以使用过滤功能（我认为IE有一个特殊的功能。

filter:alpha(opacity=40)

Answer 3

这就是我的所作所为：

$(document).ready(function()
            {
                $(".test").click(function()
                    {
                        $("body").append("<div id=\"transparentDiv\"></div>");
                        $("#transparentDiv").css({opacity:0.7, backgroundColor:"#000", position:"absolute", width:"100%", height:"100%", top:0, zIndex: 4});
                        $("body").append("<div id=\"scalableDiv\"><p>Hello!</p></div>");
                        $("#scalableDiv").css({"width":"10px","height":"10px","backgroundColor":"white","left":"auto","zIndex":"5", opacity:1.0, position: "absolute"});
                        $("#scalableDiv").animate({width:"200px",height:"200px"},"normal","linear");
                    });
            });

顺便说一下，我2天前开始使用jQUery，我不知道这是不是一个合适的解决方案

jQuery：如何避免对掩码div的透明效果

3 个答案: