IE8中的弯角?

时间:2011-03-04 21:58:42

标签: internet-explorer css3

据我所知,Internet Explorer在支持CSS3方面表现不佳 - 但是在使用div时可以创建弯角,就像在IE中使用FF和Safari一样吗?

任何人都可以提供我可以用来学习如何正确编码的工作代码示例。

由于

杰米。

2 个答案:

答案 0 :(得分:6)

CSS派是一个很好的选择。

http://css3pie.com/

使用起来非常简单 - 只需输入htc文件,输入css3样式,然后添加以下行为:

#someselector {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

对于< = IE 8也使用条件样式表通常是一个好主意,在这种情况下,您只在该样式表中添加行为,因为其他浏览器显然不需要它。

另外,使用速记(如果需要)而不是单个角落属性,因为这会导致问题。示例:border-radius:8px;或border-radius:8px 7px 4px 3px; (右上角左下)

答案 1 :(得分:0)

Google和你的朋友一样:

尝试:http://code.google.com/p/curved-corner/

此zip文件包含Internet Explorer 6,7,8的工作代码示例:

http://code.google.com/p/curved-corner/downloads/detail?name=border-radius-demo.zip

我应该相信IE9原生支持css3角码。