簡體   English   中英

哪種IE的CSS3 Box半徑仿真解決方案最快?

[英]Which solution of CSS3 Box radius emulation for IE is Quickest in rendering?

有許多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庫保留在我的項目中。

說實話,所有這些都很難說,因為許多都非常相似。

我會避免使用任何jQuery解決方案,因為我認為最好隔離IE的修復程序,而您可以使用.htc文件很好地做到這一點:將其隱藏在條件注釋中,其他瀏覽器甚至看不到它。

另外,它應該在禁用javascript的情況下仍然可以使用。

就性能而言,它始終是svg,所以不會有太大差異-即使在相當“老”的計算機上也相當快-我在P4上嘗試了它們,但仍然可以使用其中的3個,幾乎可以即時渲染。

到目前為止,我一直使用htmlremix的htc,但從您的列表中可以看出,顯然其他人也這樣做了,並且還構建了另一個具有有效陰影的版本: this

我一定會去的。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM