IE8 PIE.htc和背景颜色在一起不起作用

我已经尝试过PIE.htc和背景颜色在一起，但圆角不能在IE8中工作。我的CSS如下。IE8 PIE.htc和背景颜色在一起不起作用

#main{ 

    background-color: #CD0D00 !important; 
    -webkit-border-radius: 15px 15px 15px 15px; 
    -moz-border-radius: 15px 15px 15px 15px; 
    border-radius: 15px 15px 15px 15px; 
    behavior: url(PIE.htc); 
    -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.3); 
    -moz-box-shadow: 0 7px 10px rgba(0,0,0,0.3); 
    box-shadow: 0 7px 10px rgba(0,0,0,0.3); 

}

注意：“重要的”当我从背景颜色去掉，颜色没有出现，但圆角在IE8的工作，否则不是。

来源

2012-10-25 karthik

原因在这里解释：http://stackoverflow.com/questions/12791836/css3-pie-not-working-in-ie8 – jackmcpickle

那么，使用!important已知会导致CSS3Pie出现问题，所以毫不奇怪。

至于它自己的background-color没有!important，我不能马上知道为什么它不工作，但有几个建议：

尝试使用速记background风格，而不是 - 即background:#CD0D00;。大多数情况下，CSS3Pie倾向于喜欢速记风格。
对于一些background性质，CSS3Pie不能支持他们在标准background风格;它需要自定义-pie-background风格。理论上，这只适用于高级背景属性，不应该用于基本背景颜色，但值得尝试。

我现在没有IE的副本手来试试，但希望有所帮助。

来源

2012-10-25 06:37:54 Spudley

非常感谢Spudley – karthik

IE8 PIE.htc和背景颜色在一起不起作用

回答

相关问题