当属性在IE lte 8上具有不同的角点值时,border-radius会变得奇怪

时间:2013-08-28 22:45:15

标签: html css css3 internet-explorer-8 css3pie

我在页面上为一些元素应用border-radius,为了使其在IE 6-8上运行,我使用PIE

检查出来

weirg bug o.O

你可以看到,对于border-radius,没有值(或者值彼此差异很大)的角落会产生这种奇怪的效果。

这是我的代码:

.cotacao {
  -webkit-border-radius: 1px 20px 1px 20px;
  -moz-border-radius: 1px 20px 1px 20px;
  border-radius: 1px 20px 1px 20px;
  border: 10px solid #fff;
}

IE的具体代码

.cotacao {
  behavior:url(/Assets/css/common/PIE.htc);
  position: relative !important;
}

发生了什么?这个错误与边框厚度有关吗?而且,如果是,是否有一个已知的解决方法? 谢谢!

1 个答案:

答案 0 :(得分:0)

这是PIE 1.0代码中的一个错误。见https://github.com/lojjic/PIE/issues/11

如果您愿意尝试,那么它已在2.0测试版中修复。