IE的CSS3 Box半径仿真的哪种解决方案在渲染中最快?

时间:2010-06-23 16:55:27

标签: javascript jquery css xhtml cross-browser

有许多JavaScript,.htc,jQuery解决方案可用于在IE 6,7,8中进行圆角。

http://www.dillerdesign.com/experiment/DD_roundies/(在 IE 8 中不起作用)

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

http://alt-web.com/DEMOS/CSS-Rounded-Corners.shtml

http://blue-anvil.com/jquerycurvycorners/test.html

http://code.google.com/p/jquerycurvycorners/

http://code.google.com/p/curvycorners/

http://fetchak.com/ie-css3/

http://www.netzgesta.de/corner/

http://www.curvycorners.net/

http://www.malsup.com/jquery/corner/

http://www.ruzee.com/blog/shadedborder/

哪种解决方案的渲染速度最快。我尝试了一些解决方案,但并非所有它们需要时间来渲染,直到那时在IE角落看起来是Angled。看起来很奇怪。

有人试过全部吗?

哪种解决方案可以提供最快的渲染时间?或者给我任何快速渲染的技巧?

哪个解决方案生成语义正确的代码以在IE中进行转角?

在项目中,我没有必要每次都需要在所有角落都有圆度。在某些页面上,我需要从右上角和右下角转角,而不是相反。

我会在有或没有两个的情况下使用圆角。

对于Firefox,Chrome,safari,我将始终使用供应商扩展。我将保留IE的解决方案

<!--[if lt IE 9]>
 <link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> 
<![endif]-->

哪一个解决方案会更好或者在所有链接中?

注意:我总是在我的项目中保留jQuery库。

1 个答案:

答案 0 :(得分:1)

很难说所有这些都是诚实的,因为很多人非常相似。

我会避免任何jQuery解决方案,因为我认为最好保持孤立的IE修复,你可以用.htc文件做得很好:将它隐藏在条件注释中,而其他浏览器则不会甚至看到它。

作为一个额外的奖励,它应该仍然适用于禁用javascript。

就性能而言,它总是svg所以不会有太大差异 - 即使在相当“旧”的计算机上它也相当快 - 我在P4上尝试过它们仍然很好,有3个,几乎是即时渲染。

到目前为止,我使用了htmlremix的htc,但是从列表中可以看出显然其他人已经使用了这个并使用工作投影构建了另一个版本:this one

我肯定会那样做。