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 работает нормально, но в safari отображаются только тени.Я пытался установить оба значения отдельно.Но сафари принимает только количество последних значений:

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

Можно ли установить более одной тени на один элемент в safari / webkit?

Answer 1

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

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