不透明的兩個div

Question

我有兩個div的，看起來像這樣

<div id="outer"> 
    <div id="inner> 
    </div> 
</div> 

#outer { 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
opacity:0.50; 
} 

的問題是，我得到的不透明性和在內部DIV。我知道我可以把內部div在外部div之外，但這不是我的解決方案

Answer 1

是的，這是因爲你在褪色#outer和裏面的所有它。

如果你只是想淡出的背景顏色，你有兩個選擇：

1. 使用透明的.gif注意：作爲背景圖像。
2. 使用rgba。 RG。 background-color: rgba(0, 0, 0, .6)等於60％不透明度的黑色。

* 編輯 *

剛剛意識到這是爲Internet Explorer 6，請在下一次更加清晰。 在這種情況下，rgba將無法​​正常工作，所以放棄這一點。 您仍然可以使用透明背景圖片，但您需要一個jQuery插件來支持IE6支持.png圖片。這裏有一個http://jquery.andreaseberhard.de/pngFix/

Answer 2

使用rgba背景顏色來設置不透明度 - 而您的問題只是一個標準的CSS問題。