Кроссбраузерный box-shadow

Кроссбраузерный box-shadow


Продолжая говорить о кроссбраузерности мне хотелось бы затронуть вопрос с тенями или с box-shadow. Так же как и с border-radius существует несколько префиксов для конкретных браузеров. В современных браузерах вполне хватает обычного box-shadow и его параметров, однако если зайти скажем в старые версии Safari или Firefox, то тени могут не отображаться. Для их отображения необходимо прописать, как я уже сказал ранее несколько префиксов.

Префиксы для кроссбраузерности box-shadow:
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);


-webkit- для Webkit браузеров(Chrome/Safari)
-moz- для Firefox

Я не стану рассматривать IE, так как не считаю его браузером. Для IE надо применять фильтры, которые тормозят работу сайта очень сильно.

Похожие новости

Простенькая выпадающая форма входа на сайт
Простая выпадающая форма входа на сайт. Будем использовать jQuery.
Делаем диалоги как вконтакте (Урок 01)
Кроссбраузерный border-radius
Простое и эффектное выпадающее меню на jQuery и CSS3
Очень часто в шаблонах можно встретить выпадающие навигационные элементы. Разработчики используют данный тип скрытых меню для вывода дополнительных скрытых

Добавить комментарий

Нам важно знать ваше мнение. Оставьте свой отзыв или ответ

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Комментариев 0

Для полноценной работы с PHPBlog.info войдите на сайт с помощью социальных сетей:

Новые обсуждения на Форуме

Курилка

Магазин Мир косметики

Если вам нужны профессиональные косметические препараты, "Мир Косметики" https://mircosm.ru/ это то, что вам нужно. В этом магазине мне всегда удается найти лучшие цены и актуальные товары, что делает
dukai
Финансы

Re: Европейский эквайринг (мерчант)

Acquireman
Курилка

Re: Куди лучше инвестировать?

Хочу поговорить о деньгах, вернее о вариантах их приумножения. Как вы считаете куда лучше инвестировать чтобы не только не потерять но и приумножить? Может у вас уже был опыт, поделитесь.Инвестиции —
KrugKrug
Курилка

Куди лучше инвестировать?

Хочу поговорить о деньгах, вернее о вариантах их приумножения. Как вы считаете куда лучше инвестировать чтобы не только не потерять но и приумножить? Может у вас уже был опыт,
Chepolinka