Internet Explorer 和 Mozilla rgba css3 问题

Question

我有这种CSS样式：

    background:#000;
    background:rgba(0,0,0,0.7);
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */      
    zoom: 1;

它在Internet Explorer中效果很好，但我必须保持背景：透明；风格。 如果我保留它，mozilla 会使我的背景透明

有什么想法吗？

Answer 1

学习使用 IE 条件处理 IE 怪癖：

http://www.quirksmode.org/css/condcom .html

<style type="text/css">
.stuff {
  background:#000;
  background:rgba(0,0,0,0.7);
}
</style>

<!--[if IE]>
<style type="text/css">
.stuff {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */    
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */
  zoom: 1;
}
</style>
<![endif]-->

<div class="stuff">Stuff</div>

jsfiddle 演示：http://jsfiddle.net/cYtKJ/1/

编辑

您还可以使用它来导入不同的样式文件：

<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-ie.css">
<![endif]-->

您只需小心地将如果 style-ie.css 覆盖其他 css 命令，则放在最后。

Answer 2

    background: transparent;
    background:rgba(0,0,0,0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */      
    zoom: 1;

问题解决了。
但是，IE9 中可能存在问题，因为它也支持 RGBA。
因此，最好的解决方案可能是在非 RGBA 浏览器中使用条件注释或纯色后备。