Я создаю несколько границ к элементу с помощью тени поля, но они не показывают в WebKit. Что случилось с этим кодом? Я использую это четыре раза, чтобы создать тень на каждой стороне, затем граничить для дополнительной границы
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
Martti Laine
для отображения тени блока в браузерах 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);
Это работает достаточно хорошо, но учтите, что лучше всего размещать несобственническую декларацию последней.
-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);