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

Question

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

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

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

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

我无法在网上找到任何相关信息。非常感谢。

Answer 1

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