有没有比-moz-border-radius更好的解决方案

时间:2011-06-20 09:46:19

标签: css

我正在重构一位老同事合并的一些页面,我可以理解他为什么离开了公司。我正在查看他的代码,他将-moz-border-radius:10添加到内联样式。好的,这对Chrome和Firefox来说很棒,但我怎样才能让它适用于IE?任何人的想法?

由于

标记?

3 个答案:

答案 0 :(得分:0)

IE9支持border-radius属性,以及Fx和Chrome。使用未加前缀的名称。

Support for "border-radius" in IE

对于不支持带前缀名称的旧浏览器,您只能将hacks用作包含图像的表格。

答案 1 :(得分:0)

IE 9,支持CSS 3 border-radius。如果这不是您要查找的内容,请查找实现htc的{​​{1}}个文件。

相关文章:

答案 2 :(得分:0)

你应该首先放置所有供应商前缀,然后是CSS3等价物。 在你的情况下它会像这样说:

-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;

Internet Explorer 6,7,8不会圆角,但从渐进增强的角度来看,这是可以的。如果从客户端的角度来看不合适,您可以包含基于CSS条件语句的CSS并使用带圆角的精灵或使用像http://css3pie.com/这样的JavaScript后备。

旧版本的Firefox,Chrome,Safari或Opera会因为供应商前缀而出现问题。

祝你好运。