html - 设置在ie7中工作的div的背景颜色的不透明度

Question

我想设置div背景的不透明度。意思是我想要div的透明背景。对于 chrome 和 firefox 等浏览器来说非常简单，因为支持 rgba。

但对于 ie7，我不知道该怎么做。 “过滤器:alpha(不透明度=50)；”对我没用，因为我想要透明背景，而不是内容。

我也不希望将透明图像设置为背景。

我也试过::before 并应用“filter: alpha(opacity=50);”，但它在 ie 中也不起作用。

谢谢。

Answer 1

为 IE 背景使用透明图像。这很烦人，但这是做你想做的事情而不会陷入文本不透明的最佳方式。或者只是 go mental with the filters ...

.opacityTest{
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}