使用IE回退实现圆角?

时间:2010-11-06 11:12:24

标签: html css internet-explorer

我需要在IE中实现圆角。我知道使用VML的HTC方法,但这不是一个选项,因为它使事情复杂化(比如当你有绝对和相对定位等)并且它只能在所有角落应用效果。

我将使用Photoshop制作圆角,然后将它们切片。但是,我不希望整个网络社区遭受IE用户的困扰,因此,我想对支持它的人使用border-radius。我认为将border-radius应用于每个人并将IE条件注释IE lt 9应用于IE 6,7和8的图像是足够安全的。

我的问题是,我如何制作这样一个无缝应用角落图像的ie.css?绝对定位很容易,但是当角落具有透明度时(即透过角落图像可以看到容器的角落),这不是一个选择。有什么想法吗?

3 个答案:

答案 0 :(得分:4)

到目前为止,我最喜欢的是CSS3Pie project它的简单,非阻碍,意味着你可以在IE的各种版本中没有一堆单独的黑客做好的CSS3。

只是澄清一下,这意味着您可以在CSS中使用border-radius,box-shadow等,而无需进行任何条件注释。

这确实需要在浏览器上启用JavaScript,但是'Timmy坐在那里与IE6并没有javascript并不是真的期待互联网爱他现在呢?

答案 1 :(得分:0)

Ryan Thrash在Simple Rounded Corner CSS Boxes上有一个很好的教程 它支持IE以及其他浏览器。

答案 2 :(得分:0)