HTML不透明度如何設置兒童... HTML

Question

我有一個透明度的問題，我想有一個div黑色bacground與不透明1.1和另一個DIV透明背景的不透明度1.這裏是我的代碼：

<div style="width:95%; height:468px; background:black; float:left; opacity:0.1;"> 
<div style="margin-left:1em; margin-top:1em; font-size:14px;"> 
<table width=100%> 
<tr valign=top> 
<td></td> 
<td width=100%> 
<h4>Change Password</h4> 
<form method="post" action="settings.php"> 
<table cellpadding=10> 
<tr> 
    <td>Current Password</td> 
    <td style="padding-left:2em;">user</td> 
</tr>  
</table> 
</form> 
</td> 
</tr> 
</table> 
</div> 
</div> 

http://jsfiddle.net/4yYGe/

我如何設置它的權利我的第二個div幾乎沒有顯示。可以做到嗎？

Answer 1

在現代瀏覽器，你可以在外層div的背景設置爲rgba(0, 0, 0, 0.1)

Answer 2

你不能。由於不透明是遺傳的。所以如果父母被設置爲.5，即使孩子被設置爲1，父母的設置仍然會顯示爲.5。另一個例子：如果父母被設置爲.5，孩子爲.5，則孩子將顯示爲.25，因爲父母不透明度的一半。

Cuberto的答案是你可能尋找的解決方法 - 不要給div一個不透明度設置，而是給背景顏色一個不透明度設置。

除此之外，你必須去耦合子div，而不是使用絕對或相對定位。或者，添加另一個小孩div，然後是兄弟姐妹，並在其中一個兄弟姐妹身上設置不透明度。