模态框有覆盖不透明

我有和覆盖和另一个div必须出现在覆盖，但它会覆盖不透明。模态框有覆盖不透明

我的代码：

样式：

#mymodal{ 
    width:400px; 
    padding-bottom:1px; 
    background-color:#FFF; 
    box-shadow:0 3px 7px rgba(0,0,0,.25); 
    box-sizing:border-box; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    z-index: 620000; 
    opacity:1; 
    visibility:visible; 
    } 

    #blackoverlaynd{ 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width:100%; 
    height:100%; 
    z-index: 300000; 
    background-color: #000; 
    opacity:0.90; 
    cursor: pointer; 
    } 


    <div id="mymodal"></div>  
    <div id="blackoverlaynd"></div>

为什么发生任何想法？

来源

2014-07-20 Irene T.

@VotetoClose这不是一个孩子的继承问题。看看html标记。 – sharf

这就是不透明度的行为。

你可以考虑以下标记：

<div class="modal"> 
    <div class="modal-background"> 
    </div> 
    <div class="modal-content"> 
    </div> 
</div>

CSS：

.modal-background { 
    opacity: 0.9 
}

来源

2014-07-20 19:00:02 sarbbottam

它没有采取blackoverlaynd的不透明度，

您的问题是z-index仅适用于relative，absolute和fixed定位的元素。将mymodal设置为position:relative，您就会完成设置。

来源

2014-07-20 18:59:56 sharf

模态框有覆盖不透明

回答

相关问题