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

时间:2012-10-25 06:04:59

标签: internet-explorer-8 rounded-corners css3pie

我已经尝试过PIE.htc和背景颜色,但是在IE8中圆角不起作用。 我的css如下。

#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);

}

注意:当我从背景颜色中删除“!important”时,颜色不会出现,但是在IE8中会出现圆角,否则不会。

1 个答案:

答案 0 :(得分:1)

嗯,使用!important会导致CSS3Pie出现问题,所以这并不奇怪。

对于没有background-color的{​​{1}},我不能立即确定它为什么不起作用,而是提出一些建议:

  • 请尝试使用简写!important样式 - 即background。 CSS3Pie倾向于在大多数事情上更喜欢速记样式。

  • 对于某些background:#CD0D00;属性,CSS3Pie无法以标准background样式支持它们;它需要自定义background样式。理论上,这仅适用于高级背景属性,基本背景颜色不需要,但值得尝试。

我目前还没有IE的副本可以试用,但希望有所帮助。