html - 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 或任何图像编辑软件将不透明度降低到您需要的水平。