CSS pie不适用于IE8,但适用于IE9

CSS pie不适用于IE8,但适用于IE9,css,internet-explorer,internet-explorer-8,css3pie,Css,Internet Explorer,Internet Explorer 8,Css3pie,我对边界半径使用以下代码: .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(ima

我对边界半径使用以下代码:

.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中运行良好。但它在IE8中不起作用。我做错了什么?

根据文档,PIE只支持速记边界半径规则:

对于饼图分析的所有CSS属性,将只识别这些属性的简写版本。比如说, 支持边框半径,单个右手 边框左上角半径等属性不可用

其原因与URL不能相对解析的原因相同 到CSS文件(请参见上文):饼图无法查看其中的位置 每个样式属性都来自。如果同时有速记和 如果存在longhand属性,饼图无法确定 CSS作者指定了这些属性,也无法确定 每个属性的选择器的特定性。因此,它不能这样做 在知情的情况下决定哪些财产应优先

为了避免愚蠢的猜测,我们选择只支持速记 财产。为了保持文件的小尺寸,选择了速记而不是手写 避免冗长的重复

因此,请尝试将CSS更改为:

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

ie8及以下版本的不支持边界半径ie@sasi检查CSS3并查看。pie就是这么做的,它将此功能添加到IE中。我觉得,
images/pie.htc
无法访问。你能输入你的文件夹结构和文件结构吗?有时候在IE8中定位相对帮助,请尝试一下(这看起来很傻,但过去对我有用-原因我不知道)文件夹和文件结构是正确的@praveen KumarThanks它现在正在使用速记代码。box{宽度:250px;高度:250px;背景:#ce0000;边框半径:15px 15px 5px 5px;行为:url(images/PIE.htc);}