模態框有覆蓋不透明

我有和覆蓋和另一個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

模態框有覆蓋不透明

回答

相關問題