IE8不透明度错误

Question

我试图在<li>元素的背景中获得透明度。不透明度是IE8中的一个问题。 而不是背景，整个<li>变得透明。

#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;
}

Answer 1

不透明度应用于列表项中的所有元素。

如果你想将不透明度应用于背景，它可以在CSS3中使用：

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

a代表alpha

为了在所有浏览器上提供更广泛的支持，常见的做法是使用透明的png图像。 您可以使用photoshop或任何图像编辑软件将不透明度降低到所需的水平。

Answer 2

谷歌在IE中的透明背景。 IE有一个过滤器。在所有浏览器中，不透明度和相对过滤器始终应用于整个元素。