2011-03-04 98 views
0

我知道Internet Explorer在支持CSS3方面很差 - 但是有什么方法可以在使用div的时候创建弯曲的角落吗?在IE8弯曲的角落?

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

谢谢

杰米。

+0

重复的[与IE回退实现圆角?](http://stackoverflow.com/questions/4112854/implementing-round-corners-with-ie-fallback) – Phrogz 2011-03-04 22:10:29

回答

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; (右上左下)

+0

不错的建议! – 2011-03-04 22:03:34

+1

+1 - 很好找scott – 2011-03-04 22:04:48

+0

+1惊人的链接。在PIE文件中也有许多类似/相关项目的参考文献。这是一个耻辱,它无法修复IE6/7的* rest * :-) – 2011-03-04 22:09:08