WebKit plusieurs ombres inline

Question

j'ai du mal à mettre plusieurs ombres sur un élément dans 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; 

fonctionne bien dans Firefox, mais affiche safari que l'ombre d'encart. J'ai essayé de définir les deux valeurs séparément. Mais safari prend simplement compter de la dernière valeur:

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

est-il possible de définir plus d'une ombre sur un seul élément dans Safari/WebKit?

Answer 1

Cela semble stupide, mais je pense que la meilleure documentation pour les fonctionnalités CSS 3 spécifiques à WebKit est sur ... MDC, dans votre cas, la page pertinente est -moz-box-shadow. Il contient un exemple d'une boîte avec plusieurs ombres, un lien vers une page contenant more examples, ainsi qu'un compatibility table.

Comme vous pouvez le constater, plusieurs ombres sont uniquement prises en charge à partir de Safari 4.0 (à partir de).