DIV透明背景即

Question

我嘗試使用以下

carousel

問題轉盤結構是背景（鏈路與左側描述）半透明並能正常工作的歌劇，火狐，鉻，safari除ie6。 IE6顯示它沒有透明性。如何改變顯示爲其他瀏覽器？

Answer 1

與您的解決方案的問題在於，它試圖用圖像文件來實現透明度：

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

的Internet Explorer 7 <不能正確繪製真正PNG透明度，因爲它吮吸。

您的最終解決方案是您很幸運並且不需要真實的圖像透明度。相反，您可以使用不透明CSS修飾符。爲「CSS不透明」谷歌搜索，這是第一次命中的一個： http://www.quirksmode.org/css/opacity.html

爲了使預期這總是工作（即文本本身是不透明），你將不得不做額外技巧。例如。第二個<div>元素下真實的一個（不級聯他們！），或級聯他們，並希望你可以重寫子元素的不透明度，或.... 這就是爲什麼在原始版本中，使用透明圖像的技巧。

它清楚地顯示了IE非常糟糕。我只是反對它，就像我對我的網站做的那樣。