3px border-radius在IE和其他浏览器中有不同的外观

时间：2012-09-20 03:57:26

标签： css firefox internet-explorer-9 css3

此CSS在最新浏览器中产生不同的结果：

input {
    border:1px solid #ccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

IE中的半径大小更小：

enter image description here

我该如何解决这个问题？

2 个答案:

答案 0 :(得分：2)

据我所知，IE到8.0的版本不支持Border-radius。所以我使用了我创建的透明PNG图片而不是需要Div的{​​{1}}图片，并解决了浏览器兼容性问题。

编辑对于IE9：您可能正在使用quirks mode这就是它不兼容的原因。

答案 1 :(得分：0)

将IE特定值更改为1px，

border-radius：4px; （而不是3px）

相关问题
最新问题