internet-explorer - IE中的不透明度问题

Question

我正在尝试在 css 中为 IE 创建不透明背景颜色

css 过滤器会将元素更改为不透明度为 80，我只希望背景颜色是透明的。

.element{

//for Chrome and FF
'background-color': rgba(0, 0, 0, 0.8)

//for IE..but it will make entire element having 80 opacity instead of the background-color only....   
filter:alpha(opacity=80)


}

谢谢您的帮助。

Answer 1

我建议使用名为CSS3Pie的 IE 脚本。

这是一个将一些 CSS3 属性实现到旧版本 IE 中的脚本，包括带有 alpha 通道颜色的背景。这意味着您可以像所有其他浏览器一样为 IE 编写（几乎）标准 CSS 代码。

使用您网站中的 PIE.htc 文件，您的 CSS 代码将如下所示：

.element{
    //for Chrome and FF
    background: rgba(0, 0, 0, 0.8);
    //for IE...
    -pie-background: rgba(0, 0, 0, 0.8);
    behavior: url(PIE.htc);
}

有关更多信息，请参阅CSS3Pie 文档。

希望有帮助。

Answer 2

尝试使用渐变滤镜，它接受 AARRGGBB 格式的颜色：

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80112244,endColorstr=#80112244)";
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#80112244,endColorstr=#80112244);

http://msdn.microsoft.com/en-us/library/ms532997(v=vs.85).aspx