css - IE8 : Translucent background color but opaque background image

Question

我有一个加载 div，以加载符号作为背景图像。我希望加载符号完全不透明。但是，为了淡化正在加载的页面，我将背景图像设置为具有 80% 的不透明度。这在 Chrome 和 Firefox 中运行良好，但在 IE8 中加载符号也是半透明的。有什么方法可以淡化背景颜色而不是ie8中的背景图像？

CSS:

#loadingDiv {
    background: url(../../images/Loading32.gif) no-repeat center center;
    background-color: rgba(255,255,255, .8);
    position: absolute;
    height: 330px;
    width: 890px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff, endColorstr=#88ffffff)";
}

Answer 1

IE8 不支持 rgba，所以这就是它不透明的原因...

所以使用透明背景图像可能使用 2x2 像素图像......或者

你可以看看CSS3 Pie IE8支持