Question

我想设置div背景的不透明度。意味着我想要div的透明背景。这对Chrome和Chrome等浏览器来说非常简单。 firefox因为支持rgba。

但对于ie7，我不知道该怎么做。 “filter：alpha（opacity = 50）;”对我没用，因为我想要透明的背景，而不是内容。

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

我还尝试过::之前并应用“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)";
}

Answer 2

<style>
div
{
filter: alpha(opacity=50);
}
</style>

Answer 3

我认为你必须为IE LTE使用透明的背景图像＆lt; 7（带一些条件评论/ css）

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

3 个答案: