0

我在为 IE 8 添加不透明度时遇到了一些问题（我也希望它在 IE7 和 IE9 中工作，但我刚刚在 IE8 上对其进行了测试）。

我的CSS是这样的：

label{
    color: #333;
    text-decoration: none;
    border: solid 1px #bebebe;
    width: 138px;
    padding: 5px;
    text-align: center;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f2f2f2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#bdbdbd');
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bdbdbd));
    background: -moz-linear-gradient(top,  #f2f2f2,  #bdbdbd); 
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    outline: none;
}

所以我的所有标签在所有资源管理器中都必须相同（这没有问题），但我想为其中一些标签添加不透明度。我正在使用：

.aclass{
    opacity:0.4;
    filter:alpha(opacity=40);
}

但它不适用于 IE。我在这里阅读了一些文章，例如： Opacity CSS not working in IE8，opacity in IE8 not working 等等，但我还没有找到解决方案。我试着添加这个：

.aclass{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:0.4;
}

还添加“缩放：1；” 到上一个块或“显示：块；” 但仍然无法正常工作。我还没有找到解决方案，所以如果有人可以帮助我，我将不胜感激。

提前致谢！

4

1 回答 1

0

在您的梯度过滤器中，您可以定义 #AARRGGBB 而 AA == alpha 值。来自MSDN。这样做可能比为渐变和 alpha 添加独特的过滤器更幸运。

于 2012-09-11T16:21:33.360 回答