Box-shadow не работает на Webkit?

Question

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

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

Марти Лайн

Answer 1

для отображения box-shadow в браузерах 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);

Answer 2

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

-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);