Тень поля, не работающая над WebKit?

Я создаю несколько границ к элементу с помощью тени поля, но они не показывают в WebKit. Что случилось с этим кодом? Я использую это четыре раза, чтобы создать тень на каждой стороне, затем граничить для дополнительной границы

box-shadow: 1px 1px 0px rgba(0,0,0,0.1);

Martti Laine

6
задан Roman 31 March 2010 в 13:11
поделиться

2 ответа

для отображения тени блока в браузерах webkit в настоящий момент необходимо использовать следующий оператор:

-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);

Чтобы сделать его совместимым с большинством современных браузеров, используйте это :

-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
10
ответ дан 8 December 2019 в 12:19
поделиться

Это работает достаточно хорошо, но учтите, что лучше всего размещать несобственническую декларацию последней.

-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
9
ответ дан 8 December 2019 в 12:19
поделиться
Другие вопросы по тегам:

Похожие вопросы: