Какой самый совместимый с браузером плагин jQuery для рендеринга закругленных углов на элементах HTML без изображений?

Question

Какой самый совместимый кросс-браузерный плагин jQuery для рендеринга закругленных углов на элементах HTML без изображений?

Все, что я использовал до сих пор, было либо непоследовательным, либо ненадежным в разных браузерах и / илидобавил ненужные элементы, которые мешают каскадному CSS.

Answer 1

Подождите, что?

«Каждый браузер», кроме IE6 / 7/8, поддерживает border-radius: http://caniuse.com/border-radius

Для вышеупомянутых проблемных браузеров выможно использовать CSS3 PIE :

В настоящее время PIE полностью или частично поддерживает следующие функции CSS3 :

• border-radius
• box-shadow
• border-image
• несколько фоновых изображений
• линейный градиент в качестве фонового изображения

Answer 2

+ 1 на CSS3 PIE. Однако, вопреки предыдущим комментариям, он на самом деле поддерживает разные радиусы на угол посредством нескольких значений в сокращенном значении. Смотрите здесь: http://css3pie.com/documentation/supported-css3-features/#border-radius

В качестве примера: border-radius: 10px 10px 0 0; закруглит верхние углы, но оставит квадрат нижних углов. Вы также можете указать разные радиусы для x и y для каждого угла, например: border-radius: 5px 5px 0 0 / 10px 10px 0 0;

Поскольку все остальные текущие версии основных браузеров поддерживают этот же точный сокращенный текст, в сочетании с PIE легко сделать их все одинаковыми, если использовать сокращенный вариант.