Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Поддержка вендорных префиксов

.

Иногда проблемы с вендорными префиксами возникают из-за того, что работа с ними требует многократного выполнения одних и тех же действий и загромождает таблицу стилей. Но сначала разберемся, что же такое вендорные префиксы?

Вендорный префикс (vendor prefix) — это небольшой фрагмент текста, который располагается точно перед свойством в CSS, определяя тип браузера. Например, Firefox, разработанный компанией Mozilla, имеет префикс -moz-. Если вы хотите установить свойство border-radius (используется для скругления углов), то для старых версий Firefox это нужно сделать так:

-moz-border-radius: 5рх:

Это значит, что такой стиль будет применен только в браузере Mozilla. Префиксы также могут быть webkit, о или ms. Они относятся соответственно к Safari/Chrome (основаны на движке WebKit), Opera и Microsoft. Так что, если вы хотите, чтобы цитата с двухпиксельной границей отображалась со скругленными углами во всех браузерах, придется написать следующее:

Теперь вам, наверное, понятно, почему вендорные префиксы не очень популярны. Ах да! Нам требуется еще одна пара «свойство/значение»:

На рис. 9.8 показан эффект, который получится в браузерах, обеспечивающих поддержку CSS3 (скриншот сделан в Firefox 4 в Мае):

Рис. 9.8. Скругленные углы в рамке вокруг цитаты — все сделано в CSS!

.

Читайте так же:
Not found