带有rgba的CSS背景不透明在IE 8中不起作用

Question

我正在将此CSS用于a的背景不透明度<div>：background: rgba(255, 255, 255, 0.3);在Firefox中工作正常，但在IE 8中工作不正常。如何使它工作？

Answer 1

创建一个大于1x1像素（感谢三十点）且与背景的透明度匹配的png。

编辑：为了支持IE6 +，可以为png指定bkgd块，这是一种颜色，如果不支持，它将替换真正的alpha透明度。您可以使用例如gimp修复它。

Answer 2

要在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 */