Закругленные углы на DIVs без использования изображений

Question

Я пытался использовать jquery.corner.js, и он хорошо работает в FF, но в IE он добавляет несколько разрывов и делает div более «длинным». Я нашел несколько способов скругления углов с помощью изображений, но на самом деле утомительно пытаться создавать изображения для каждого угла.

Есть некоторые подходы, которые работают только в FF, Opera (и других браузерах на основе Mozilla), но не в IE.

Есть ли способ округлить углы в div / textbox, который работает во всех браузерах без использования изображений?

Answer 1

номер

Но взгляните на Скругленные углы CSS во всех браузерах (без изображений) .

Answer 2

Посмотрите на свойства CSS3 радиуса границы

IE не поддерживает это, поэтому посмотрите также SpiffyCorners (просто css)

Имейте в виду, что неиспользование изображений (для браузеров, которые не поддерживают CSS 3 border-radius) означает, что вы не сможете добиться прозрачности в области за пределами закругленного угла.

Answer 3

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

Answer 4

Если вы заинтересованы в создании углов в IE, тогда это может быть полезно - http://css3pie.com/

Answer 5

Я просмотрел несколько сценариев с поворотом угла, и мне еще предстоит найти тот, который действительно работает во всех ситуациях, в которых он нам нужен. Они не всегда хорошо играют, когда вы начинаете манипулировать DOM с помощью своего собственные сценарии.

В конце концов я вернулся к изображениям. Мы скругляем углы с помощью CSS для всех совместимых браузеров, затем, если IE, мы оборачиваем элементы, которые мы хотим округлить в div, а затем абсолютно позиционируем 4 угловых изображения.

Answer 6

http://www.curvycorners.net/

Это библиотека javascript, которая вручную создает пиксели ваших углов из div s.