Старый 22.12.2009, 21:32   #1
Новичок
 
Регистрация: 17.12.2009
Сообщений: 61
Вес репутации: 0
Rerighter может только надеяться на улучшение
По умолчанию css3

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

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

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

простой, но думаю попдерживается далеко не всеми...
Rerighter вне форума   Ответить с цитированием
Старый 22.12.2009, 21:47   #2
Специалист
 
Аватар для спаситель сапы
 
Регистрация: 27.01.2009
Сообщений: 301
Вес репутации: 155
спаситель сапы - луч света в тёмном царствеспаситель сапы - луч света в тёмном царствеспаситель сапы - луч света в тёмном царствеспаситель сапы - луч света в тёмном царствеспаситель сапы - луч света в тёмном царстве
По умолчанию

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

-moz - это только для мозиллы.
__________________
СДЛ = Сайт Для Лохов, которые будут попадать на сайт с поисковиков и тыкать по рекламе?
спаситель сапы вне форума   Ответить с цитированием
Старый 22.12.2009, 21:56   #3
Новичок
 
Регистрация: 17.12.2009
Сообщений: 61
Вес репутации: 0
Rerighter может только надеяться на улучшение
По умолчанию

спасибо
Rerighter вне форума   Ответить с цитированием
Старый 22.12.2009, 22:34   #4
Хитрый жук
 
Аватар для Алексей Барыкин
 
Регистрация: 05.12.2007
Адрес: Конаково
Сообщений: 2,987
Вес репутации: 348
Алексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущее
По умолчанию

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

Так что закруглённые уголки кроссбраузерно - только с помощью графики.
Алексей Барыкин вне форума   Ответить с цитированием
Старый 22.12.2009, 23:26   #5
Специалист
 
Аватар для EndyVelvet
 
Регистрация: 19.01.2009
Адрес: вебмастеринг
Сообщений: 386
Вес репутации: 158
EndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личность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 вне форума   Ответить с цитированием
Старый 22.12.2009, 23:29   #6
Хитрый жук
 
Аватар для Алексей Барыкин
 
Регистрация: 05.12.2007
Адрес: Конаково
Сообщений: 2,987
Вес репутации: 348
Алексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущее
По умолчанию

Цитата:
Сообщение от 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/
Картинками надёжнее.
Алексей Барыкин вне форума   Ответить с цитированием
Старый 22.12.2009, 23:43   #7
Специалист
 
Аватар для EndyVelvet
 
Регистрация: 19.01.2009
Адрес: вебмастеринг
Сообщений: 386
Вес репутации: 158
EndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личностьEndyVelvet - просто великолепная личность
По умолчанию

Цитата:
Сообщение от Алексей Барыкин Посмотреть сообщение
Картинками надёжнее.
Согласен; Но, в своих проектах я так сделал, чтобы в будущем просто убрать скрипт и все)
EndyVelvet вне форума   Ответить с цитированием
Старый 23.12.2009, 00:13   #8
Хитрый жук
 
Аватар для Алексей Барыкин
 
Регистрация: 05.12.2007
Адрес: Конаково
Сообщений: 2,987
Вес репутации: 348
Алексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущееАлексей Барыкин - прекрасное будущее
По умолчанию

Цитата:
Сообщение от EndyVelvet Посмотреть сообщение
Согласен; Но, в своих проектах я так сделал, чтобы в будущем просто убрать скрипт и все)
jQuery и плагин для него суммарно весят под 100кб и дают два запроса к серваку.
Картинками и можно сократить вес документа и кол-во запросов до одного.
Алексей Барыкин вне форума   Ответить с цитированием
Старый 23.12.2009, 00:18   #9
Специалист
 
Регистрация: 01.12.2009
Сообщений: 280
Вес репутации: 0
elf2002 не любят в этих краяхelf2002 не любят в этих краяхelf2002 не любят в этих краяхelf2002 не любят в этих краяхelf2002 не любят в этих краяхelf2002 не любят в этих краях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/
памоему ето ананизм.
elf2002 вне форума   Ответить с цитированием
Старый 23.12.2009, 08:52   #10
Специалист
 
Регистрация: 19.11.2009
Сообщений: 157
Вес репутации: 140
sylex - весьма и весьма положительная личностьsylex - весьма и весьма положительная личностьsylex - весьма и весьма положительная личность
По умолчанию

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Часовой пояс GMT +3, время: 19:48.