2

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

但是对于ie7，我不知道该怎么做。“过滤器：阿尔法（不透明度= 50）；” 对我没用，因为我想要透明背景，而不是内容。

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

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

谢谢你。

4

3 回答 3

7

使用透明图像作为 IE 的背景。这很烦人，但它是做你想做的事的最佳方式，而不会被文本的不透明度所困扰。或者只是用过滤器去精神...

.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)";
}
于 2012-10-02T10:18:14.343 回答
0 
<style>
div
{
filter: alpha(opacity=50);
}
</style>
于 2012-10-02T10:18:41.437 回答
0

我认为您必须为 IE LTE < 7 使用透明背景图片（带有一些条件注释/css）

于 2012-10-02T10:20:54.787 回答