CSS派不在IE 8中工作，但在IE 9中工作

Question

我使用以下代码作为边框半径：

.box {
     width:250px;
     height:250px;
     background:#ce0000;
     border-top-left-radius: 15px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     border-top-right-radius: 15px;
     behavior:url(images/PIE.htc);
}

它在IE 9中运行良好。但是它在IE 8中不起作用。我做错了什么？

Answer 1

根据文档，PIE仅支持速记边界半径规则：

  

对于PIE解析的所有CSS属性，只能识别这些属性的简写版本。例如，虽然   支持border-radius，个人手写   border-top-left-radius等属性不是。

     

原因与URL相对解析的原因相同   到CSS文件（见上文）：PIE没有可见的地方   每个风格的属性来自。如果既有速记又有   目前的手写属性，PIE无法确定其中的顺序   CSS作者指定了那些属性，也无法确定   选择器对每个属性的特异性。因此不能   关于哪个属性应该优先做出明智的决定。

     

为了避免做出愚蠢的猜测，我们选择只支持速记   属性。选择速记来保持文件大小   并避免繁琐的重复。

http://css3pie.com/documentation/known-issues/#shorthand

因此，请尝试将CS​​S更改为：

.box {
     width:250px;
     height:250px;
     background:#ce0000;
     border-radius : 15px 15px 5px 5px;
     behavior:url(images/PIE.htc);
}