CSS用rgba定义background opacity在IE8中不工作?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (34)

我使用这个css作为<div>的background opacity:

background: rgba(255, 255, 255, 0.3);

它在Firefox中运行得很好,但在IE8中就不行了。我该怎么做呢?

提问于
用户回答回答于

创建一个大于1x1像素的PNG,它与背景的透明度相匹配。

为了支持IE6+,你可以为PNG指定bkgd块,如果不支持它,它将取代真正的alpha透明度。你可以用gimp修复。

用户回答回答于

要在IE中模拟RGBA和HSLA背景,可以使用渐变滤波器,具有相同的开始和结束颜色(alpha通道是HEX值的第一对)。

background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

扫码关注云+社区