【问题标题】:3px border-radius has different look in IE and other browsers3px 边框半径在 IE 和其他浏览器中有不同的外观
【发布时间】:2012-09-12 10:05:55
【问题描述】:

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

input {
    border:1px solid #ccc;

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

IE中的半径尺寸更小:

我该如何解决这个问题?

【问题讨论】:

    标签: firefox internet-explorer-9 css


    【解决方案1】:

    据我所知,8.0 之前的 IE 版本不支持Border-radius。所以我使用了我创建的透明PNG 图像,而不是需要border-radiusDiv,它还解决了浏览器兼容性问题。

    为 IE9 编辑:您可能正在使用quirks mode,这就是它不兼容的原因。

    【讨论】:

    • OP 用“IE9”标记了他的问题。 IE9 支持border-radius。见quirks mode
    【解决方案2】:

    将IE特定值更改1px,

    边框半径:4px; (而不是 3px)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-02
      • 2014-11-29
      • 2011-03-25
      • 2012-09-05
      • 2013-07-30
      • 1970-01-01
      • 1970-01-01
      • 2014-01-06
      相关资源
      最近更新 更多