Скругленные уголки — сакс, но…

31 Mar. 2009

…людям по-прежнему приходится верстать блоки со скругленными уголками. И прогресс не стоит на месте, появляются новые методы. Про поиски и решения можно почитать в блогах Андрея Сумина и Сергея Чикуёнка:

Комментарии заслуживают особого внимания. Мне, человеку, который давно перестал волноваться по поводу скругленных уголков, было интересно почитать.

Апдейт: Круглые углы в IE 8 (см. комменты)

Апдейт 2: Делаем закругленные уголки с помощью псевдоэлементов :before и :after

4 Responses to “Скругленные уголки — сакс, но…”

  1. SAG Says:

    Говно это все. И в каментах нормального решения так и не нашел. ИМХО, лучший вариант- разметка на 4-8 дивов. Не знаю, мож у нас дизайнер неправильный :) но мне за год моего опыта верстальщиком ни разу не приходилось верстать однородные блоки с закругленными углами. Постоянно был или градиент, или тень сбоку, снизу или сверху.
    Обычно юзаю разметку вида:

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

  2. SAG Says:

    Чорт, разметка вырезалась :) Поправьте, если что, плиз.

  3. uggallery Says:

    Чорт, разметка вырезалась :) Поправьте, если что, плиз.

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

    Но принцип понятен и без кода. Дополнительные блоки рулят. Против лома нет приема :))

    Говно это все. И в каментах нормального решения так и не нашел.

    Готовые решения мне не очень интересны. Интереснее то, как люди их ищут. Найдут — об этом узнают все и без моей помощи :) В общем это для тех, кто тоже хочет поучаствовать в поисках.

    Дизайнер у вас нормальный. Обыкновенный я бы сказал :) Он делает как ему проще, не думая о реализации. Если бы вопросы реализации волновали кого-нибудь кроме верстальщиков, то дизайнеров за любые скругленные уголки пороли бы на кухне, соленым розгами :))

  4. SAG Says:

    Меня давненько привлекают возможности vml. Недавно вот надо было одну фичу сделать, юзал http://raphaeljs.com/ Клевая штука и примеры впечатляют. Но опять-таки… интеграция…