Скругленные углы на ОТДЕЛЕНИЯХ, не используя изображения
Я пытался использовать jquery.corner.js и это работает хорошо в FF, но на IE, это добавляет несколько повреждений и заставляет отделение выглядеть "длиннее". Я нашел несколько способов округлить углы с помощью изображений, но это действительно получает утомительную попытку создать изображения для каждого угла.
Существуют некоторые подходы, которые работают только над FF, Opera (и другие основанные на Mozilla браузеры), но не на IE.
Существует ли путь к круглым углам на отделении/текстовом поле, которое работает через все браузеры, не используя изображения?
6 ответов
№
Но взгляните на Закругленные углы CSS во всех браузерах (без изображений) .
или вы можете делать то, что в конечном итоге будут делать все, прекратить присматривать за детьми, т.е. вы хотите иметь закругленный угол, установите это как стандартные правила CSS. пользователь, просматривающий страницы, т.е. не получит от этого выгоду, если это не строгие требования, это значительно упростит вашу работу и может помочь переключить (или хотя бы обновить) их браузер.
Взгляните на свойства CSS3 радиуса границы
IE не поддерживает это, поэтому также посмотрите SpiffyCorners (только css)
Имейте в виду, что неиспользование изображений (для браузеров, не поддерживающих CSS 3 border-radius) означает, что вы не сможете добиться прозрачности в области за пределами закругленного угла ..
Это библиотека javascript, которая вручную строит пиксели ваших углов из divов.
Я просмотрел несколько сценариев обхода углов, и мне еще предстоит найти тот, который действительно работал бы во всех ситуациях, в которых он нам нужен. Они не всегда работают хорошо, когда вы начинаете манипулировать DOM своими собственными скриптами.
В конце концов я вернулся к изображениям. Мы скругляем углы с помощью CSS для всех совместимых браузеров, затем, если IE, мы оборачиваем элементы, которые мы хотим округлить, в div, а затем абсолютно позиционируем 4 угловых изображения.
Если вас интересует создание углов в IE, это может быть полезно - http://css3pie.com/