Internet Explorer和Mozilla rgba css3问题

| 我有这种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将使背景透明 有什么想法吗?     
已邀请:
学习使用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命令。     
    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浏览器中使用条件注释或仅使用纯色后备。     

要回复问题请先登录注册