作为这篇文章的后续:
https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script
假设已经包含 jQuery,以下 IE 圆角解决方案之间的权衡是什么:
a) 对圆角使用 VML 解决方案(例如 css3PIE、dd_roundies 和弯角)
b) 使用 jQuery 插件(例如弯角、圆角或 jQuery.corner)生成角 PNG/GIF?
作为这篇文章的后续:
https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script
假设已经包含 jQuery,以下 IE 圆角解决方案之间的权衡是什么:
a) 对圆角使用 VML 解决方案(例如 css3PIE、dd_roundies 和弯角)
b) 使用 jQuery 插件(例如弯角、圆角或 jQuery.corner)生成角 PNG/GIF?
我都试过了,只要你只需要圆角,你就无法击败css3pie。
缺点是如此微不足道,甚至不值得一提,除非你真的有很多缺点,因为它往往会显着减慢页面速度。
没有好的(和稳定的)替代品border-radius
。VML 有很多缺点,这使得它渲染不当或不能正确应用于边缘情况(其中有两种情况)。
我的建议?要么听听这个建议,要么坚持生成 PNG/GIF 圆角并通过 IE 的条件注释应用它们。
你不能只通过会降级的样式表来做到这一点:
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
最佳实践是为 chrome、firefox 和 safari 进行设计。这些是最常用的浏览器。