2010-12-20 17 views
2

作为后续行动这个帖子:已被列入圆角IE:VML VS jQuery的

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

假设jQuery的,什么是权衡了圆角以下IE的解决方案之间

a)使用用于圆角使用jQuery插件VML溶液(如css3PIE,dd_roundies,和弯曲角)

b)(如弯曲的角部,圆角COR ners或jQuery.corner)来生成角落PNG/GIF?

+0

一点 - 如果你的页面带来的jQuery只适用圆角,你做错了。 – 2010-12-20 09:07:49

+0

好点。我做了jQuery已经包含的假设。为了让这个问题更加有趣,我将编辑我的问题... – uglymunky 2010-12-20 09:32:05

回答

1

没有为border-radius没有好(稳定)的替代品。 VML有很多缺点,使得它不适用或不适用于边缘案例(其中有两个很多)。

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

+0

好吧,看起来使用VML会导致某些定位错误以及一些背景问题。使用jQuery生成gif有什么问题,我应该注意/小心? – uglymunky 2010-12-21 01:05:46

+0

所有相同的规则都适用,如果您事先在服务器上创建标记。见[this](http://www.alistapart.com/articles/customcorners2/),[this](http://www.alistapart.com/articles/mountaintop/)和[this](http:// www .alistapart.com/articles/onionskin /)关于阴影和圆形边框的文章。 – 2010-12-21 13:55:46

-3

最佳做法是设计了镀铬,Firefox和Safari。这些是最常用的浏览器。

+0

你刚刚做出了统计,不是吗? – Razor 2010-12-20 11:26:51

+0

没有那些数据没有编制但是完美,IE正在下降。 – X10nD 2010-12-21 11:26:30

+0

2011的Internet Explorer浏览器火狐Safari浏览器歌剧 月26.6%42.8%23.8%4.0%2.5% 来源:http://www.w3schools.com/browsers/browsers_stats.asp这样的Safari 4%至26.6%,IE仍然是一个损失 - 只有Firefox击败它。 2011年1月统计。 – 2011-02-21 22:51:07

0

你就不能做到这一点,通过样式表,这将降低没关系:

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

虽然在技术上,这将工作,有相当多的IE用户,这意味着没有任何圆角。这将让我伤心:( – uglymunky 2010-12-20 16:29:54

1

我尝试所有这些,只要你只需要圆角,你不能击败css3pie。
缺点是如此微不足道,以至于他们甚至不值得一提,除非你真的有负载,因为它往往会显着减慢页面。

+0

我要说缺点css3pie是其文件大小,31K(精缩)。虽然它提供了IE之外CSS3的解决方案,这似乎只是圆角的有点矫枉过正。我真的希望它提供的选项对于一个定制的下载 – uglymunky 2010-12-20 16:22:01

+0

@uglymunky gzip它,它应该是10k左右。仍然太多?看看在github上的项目,并建立你自己的pie.htc只有圆角模块。 – Razor 2010-12-20 16:54:37