WebKit множественная встроенная тень

Question

У меня есть настройки несколько теней на одном элементе в WebKit проблемы:

-moz-box-shadow: inset 0 0 3px #999, 0 0 5px #fff; 
-webkit-box-shadow: inset 0 0 3px #999, 0 0 5px #fff; 
box-shadow: inset 0 0 3px #999, 0 0 5px #fff; 

он отлично работает в Firefox, но сафари отображает только врезку тень. Я попытался установить оба значения отдельно. Но сафари берет только подсчитывать последнее значение:

-webkit-box-shadow: inset 0 0 3px #999; 
-webkit-box-shadow: 0 5px #fff; 

возможно установить более одной тени на одном элементе в сафари/WebKit?

Answer 1

Это звучит глупо, но я думаю, что лучшая документация для функций CSS3, специфичных для WebKit, находится на ... MDC, в вашем случае соответствующая страница - -moz-box-shadow. Он содержит пример коробки с несколькими тенями, ссылку на страницу, содержащую more examples, а также номер compatibility table.

Как вы можете видеть, многократные тени поддерживаются только Safari 4.0 (далее).