IE8不透明度錯誤

我想要在<li>元素的背景中獲得透明度。不透明度在IE8中是一個問題。而不是後臺，整個<li>變得透明。IE8不透明度錯誤

#weeklyPrizeBlocksWrapper li { 
    font:bold 11px Arial; 
    color: #535353; 
    height: 67px; 
    background-color: #e4c39b; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first! 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    -moz-opacity:0.5; 
    overflow: hidden; 
    padding: 6px; 
    float: left; 
    dislpay: block; 
    margin: 0 2px 2px 0; 
    cursor: pointer; 
}

來源

2011-07-22 amit

這將是所有瀏覽器的情況。如果你只想讓背景透明，看看css3不透明 – Ibu

css3不會在IE7/8中工作。其他解決方案？ – amit

是的另一種解決方案是使用透明圖像作爲背景。在我的回答下面看到更多細節 – Ibu

不透明度應用於列表項目中的所有元素。

如果你想的不透明度應用於背景

，它可在CSS3：

background-color: rgba(255,255,255,.5);

的a是阿爾法

對於所有的瀏覽器更廣泛的支持，共同來做到這一點是使用透明的PNG圖像。您可以使用photoshop或任何圖像編輯軟件將不透明度降低到所需的級別。

來源

2011-07-22 05:23:59 Ibu

IE7/8不支持CSS3。任何其他的選擇？ – amit

@amit，另一種解決方案是使用透明的gif或png，請參閱上面的更新 – Ibu

谷歌在IE中透明背景。 IE有一個過濾器。不透明度和相對過濾器總是適用於所有瀏覽器中的整個元素。

來源

2011-07-22 07:54:52

IE8不透明度錯誤

回答

相關問題