Кроссбраузерный 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 надо применять фильтры, которые тормозят работу сайта очень сильно.
Комментариев 0