Какое решение для эмуляции радиуса CSS3 Box для IE является самым быстрым в рендеринге? - PullRequest
0 голосов
/ 23 июня 2010

Существует множество 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 / ДЕМО / CSS-округло-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 выглядит под углом. что выглядит странно.

Кто-нибудь пробовал все?

Какое решение даст самое быстрое время рендеринга? или дать мне какие-нибудь советы, чтобы сделать рендеринг быстро?

А какое решение генерирует семантически правильный код для округления углов в IE?

В проекте нет необходимости, мне всегда будет нужна округлость на каждом углу. На какой-то странице мне нужен угловой раунд справа-сверху и справа-внизу, когда-то напротив.

И я буду использовать круглый угол с или без обоих.

Для Firefox, Chrome, Safari я всегда буду использовать расширения Vendor. Я буду держать решение IE в

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

Какое решение было бы лучше или во всех связанных?

Примечание: Я всегда держу библиотеку jQuery в своих проектах.

1 Ответ

1 голос
/ 24 июня 2010

Трудно сказать из всех тех, кто честен, поскольку многие из них очень похожи.

Я бы избегал любого решения jQuery, так как считаю, что лучше сохранить изолированное исправление для IE, и вы можетесделайте это очень хорошо с файлом .htc: скройте его в условном комментарии, и другие браузеры его даже не увидят.

В качестве дополнительного бонуса он все равно должен работать с отключенным javascript.

Что касается производительности, то она всегда svg, поэтому не сильно отличается - она ​​довольно быстрая даже на довольно «старых» компьютерах - я пробовал их на P4, и с 3 из них все было в порядке, почти мгновенный рендеринг.

До сих пор я использовал htmlremix htc, но я вижу из вашего списка, что, очевидно, кто-то еще взял это и создал еще одну версию с рабочей тенью: эта .

Я бы определенно пошел на это.

...