更改不透明度的子div

我有兩個div一個大的整頁和sub短div在對話框的大div div 我想單擊對話框顯示對話框whith 0.3不透明度爲大和1.0不透明爲短div。但是當顯示對話框時，所有div顯示的是白色0.3的不透明度。我如何設置這個？更改不透明度的子div

代碼

<div id="incomedialog" style="width:100%;position:absolute;height:100%;min-height:overflow:hidden;background-color:#7F7F7F;display:none;opacity:0.4;" > 
<div style="text-align:right;width:600px;position:absolute;left:0;right:0;height:470px;min-height:overflow:hidden;300px;background-color:#EEEEEE;border:2px solid #CDCDCD;border-radius:3px;color:white;margin-left:auto;margin-right:auto;top:70px;opacity:1.0;"> 
</div> 
</div>

我設置0.3不透明度大格和1.0不透明度子格，但無法正常工作。

來源

2012-11-17 behzad n

在你的代碼樣式規則是無效的 - 這將是更好，如果你沒有使用內聯樣式 - 容易保持和更容易看到你犯了錯誤 – kinakuta

相反的opacity可以使用RGBA顏色屬性用於此。像這樣寫：

#incomedialog{ 
    background-color:rgba(127,127,127,0.4); 
}

入住這http://jsfiddle.net/Q7B9x/

來源

2012-11-17 08:21:48 sandeep

設置z-index:100;爲大div

設置z-index:101;的內div

來源

2012-11-17 07:48:35 freebird

設置但不工作！ –

Downvoter請讓我知道這個錯誤。 – freebird

@behzadn請正確設計您的div。 – freebird

更改不透明度的子div

回答

相關問題