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 documentation。

希望有所帮助。

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

IE中的不透明度问题

2 个答案: