css3

[Rerighter]

какие версии браузеров сейчас поддерживают css3?

нужно сделать закругленные уголки.
С картинками не вариант.
Метод, подсмотренный на на GMail занудно и долго.
А вот этот:

#box {
-moz-border-radius: 20px;
}

простой, но думаю попдерживается далеко не всеми...

[спаситель сапы]

На движке Gecko (Mozilla Firefox, Netscape).
Еще опера вроде и Хромой.

-moz - это только для мозиллы.

[Rerighter]

спасибо

[Алексей Барыкин]

Ещё не сдох IE6, не говоря об IE7, которые поддерживают css2 очень плохо.
А css3 нормально не поддерживает даже IE8.
см. CSS Compatibility and Internet Explorer

Так что закруглённые уголки кроссбраузерно - только с помощью графики.

[EndyVelvet]

Не только с помощью графики

Для Сафари и Мозиллы пишем

-moz-border-radius-topleft:6px;
-webkit-border-radius-top-left:6px;
-moz-border-radius-topright:6px;
-webkit-border-radius-top-right:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-radius-bottom-left:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-radius-bottom-right:6px;

Для всех остальных ставим jQuery плагин
http://jquery.malsup.com/corner/

[Алексей Барыкин]

Сообщение от EndyVelvet

Не только с помощью графики

Для Сафари и Мозиллы пишем

-moz-border-radius-topleft:6px;
-webkit-border-radius-top-left:6px;
-moz-border-radius-topright:6px;
-webkit-border-radius-top-right:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-radius-bottom-left:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-radius-bottom-right:6px;

Для всех остальных ставим jQuery плагин
http://jquery.malsup.com/corner/

Картинками надёжнее.

[EndyVelvet]

Сообщение от Алексей Барыкин

Картинками надёжнее.

Согласен; Но, в своих проектах я так сделал, чтобы в будущем просто убрать скрипт и все)

[Алексей Барыкин]

Сообщение от EndyVelvet

Согласен; Но, в своих проектах я так сделал, чтобы в будущем просто убрать скрипт и все)

jQuery и плагин для него суммарно весят под 100кб и дают два запроса к серваку.
Картинками и можно сократить вес документа и кол-во запросов до одного.

[elf2002]

Сообщение от EndyVelvet

Не только с помощью графики

Для Сафари и Мозиллы пишем

-moz-border-radius-topleft:6px;
-webkit-border-radius-top-left:6px;
-moz-border-radius-topright:6px;
-webkit-border-radius-top-right:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-radius-bottom-left:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-radius-bottom-right:6px;

Для всех остальных ставим jQuery плагин
http://jquery.malsup.com/corner/

памоему ето ананизм.

[sylex]

простые закругленные края вообще модно на чистом CSS делать