Какой подход закругленный угол я должен выбрать?

Question

Так что нет недостатка в информации по закругленным углам, и я прошел через большую ее часть, и я публикую, чтобы узнать мнение сообществ по этому вопросу.

Мой сценарий заключается в том, что мы разрабатываем зависимый от закругления угол дизайн, в основном используемый для взаимодействий (<button> и <a>). Мы собираемся использовать радиус границы для хороших браузеров в блоке, которые хорошо с ним работают, а затем использовать сервер для отправки JavaScript в браузеры, которые этого не делают.

Что мне интересно, так это то, что использовать для масштабирования браузеров, которые игнорируют CSS радиуса границы? Мне нужно что-то, что работает с кнопками, а также с div, div и т. Д. Я смотрел на следующее и обнаружил, что некоторые не очень хорошо работают с <button>. Также сайт уже использует jQuery.

http://www.curvycorners.net/ - http://code.google.com/p/jquerycurvycorners/

http://www.html.it/articoli/niftycube/index.html

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

Редактировать: Я также посмотрел на http://www.dillerdesign.com/experiment/DD_roundies/, и на данный момент он кажется мне самым сильным кандидатом.

Answer 1

Они все одинаковы. Я использовал последний (http://www.malsup.com/jquery/corner/), и он прекрасно работает. Почти наверняка имеет больше угловых стилей, чем вам нужно, но на 8 КБ это не слишком тяжелый вес.

Answer 2

Используйте тот, который работает и выполняет проект в срок. Кроме того, вы вряд ли получите много полезных отзывов об этом, поскольку все они сосут с одной или другой точки зрения, в зависимости от того, как вы просматриваете изображения, JavaScript, семантику, добавление дополнительных тегов, чтобы «заставить это работать» и т. Д.

Answer 3

spiffycorners.com имеет 100% подход css, который работает даже в IE6! Это то, что я использую ...

Answer 4

В целом, вы должны просто использовать -webkit-border-radius, а также -moz-border-radius для поддержки всех браузеров Webkit и Mozilla. Чтобы исправить ситуацию с IE, для этого есть функция javascript. Надеюсь, это поможет!

Answer 5

Вы смотрели игру CSS Стю Николиса? Его Snazzy Borders и Krazy Korners - отличное кросс-браузерное решение.

Answer 6

У меня был некоторый опыт работы с методами Javascript, описанными выше, и все они прекрасно работают. Лично я бы пошел на что-то, что хорошо интегрируется с существующими Javascript-фреймворками, например, JQuery (что будет моим личным выбором).

Однако применение эффекта ко многим элементам может быть очень громоздким для браузера с точки зрения использования памяти. У меня было довольно много сбоев браузера из-за того, что я слишком щедр в применении угловых эффектов.