IE中的圆角:VML与jQuery

时间:2010-12-20 08:58:24

标签: jquery internet-explorer css3 rounded-corners vml

作为这篇文章的后续内容:

https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script

假设jQuery已被包含在内,以下用于圆角的IE解决方案之间的权衡是什么:

a)对圆角使用VML解决方案(例如css3PIE,dd_roundies和弯角)

b)使用jQuery插件(如曲角,圆角或jQuery.corner)生成角落PNG / GIF?

4 个答案:

答案 0 :(得分:1)

border-radius没有好的(稳定的)替代品。 VML有很多缺点,使得它不适当地呈现或者在边缘情况下不能正确应用(其中有两个)。

我的建议?要么听this advice,要么坚持生成PNG / GIF圆角并通过IE的条件评论来应用它们。

答案 1 :(得分:1)

我尝试了所有这些,只要你需要圆角,你就无法击败css3pie 缺点是可以忽略不计,甚至不值得一提,除非你真的有很多,因为它会显着减慢页面的速度。

答案 2 :(得分:0)

难道你不能通过样式表来做到这一点会降级好吗

.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }

答案 3 :(得分:-3)

最佳做法是设计chrome,firefox和safari。这些是最常用的浏览器。