-moz-border-radius 导致在 IE8 中生成内联样式答案

【问题标题】：-moz-border-radius causes inline styles to be generated in IE8-moz-border-radius 导致在 IE8 中生成内联样式
【发布时间】：2011-01-31 05:19:46
【问题描述】：

我通过包含主要浏览器的样式属性来为我的网站添加圆角 -

.optional{
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

当我在 IE8 中加载它时，浏览器会生成一堆内联样式，所有这些都覆盖了我之前定义的样式。我不想为所有这些样式添加 !important 以防止它们被覆盖。

现在，当我删除 -moz-border-radius: 10px; 时，一切正常。我不想测试我没有使用 IE 并加载单独的 CSS 文件。

我无法在网上找到有关此的任何信息。非常感谢您的帮助。

【问题讨论】：

您是否使用兼容性脚本将这个 CSS3 功能添加到 ie8 中？ ie8 默认不支持边框半径。如果您使用这样的脚本，它可能会创建具有内联样式的元素。
IE8 不支持任何类型的边界半径，您的脚本将被忽略，无论您遇到什么问题，都不是由您的边界半径属性引起的已定义。

标签： html internet-explorer mozilla css

【解决方案1】：

IE8 不支持border-radius 属性。CSS compatibility-IE8 你必须使用behaviour 属性。您可以在此处找到所需的 .htc 文件和文档：cross browser curved corner

【讨论】：

你们是对的，原来我忘记删除 jquery curvy corners js 文件，这是问题的根源，我猜如果 -moz-border 会产生一堆东西-radius 标签在那里。感谢帮助