Je crée plusieurs bordures à l'élément en utilisant box-shadow, mais elles ne s'affichent pas sur Webkit. Quel est le problème avec ce code? J'utilise ces quatre fois pour créer l'ombre de chaque côté, puis frontière pour la frontière supplémentaireBox-shadow ne fonctionne pas sur Webkit?
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
Lainé Martti
pour afficher box-shadow dans les navigateurs WebKit vous devez utiliser la déclaration suivante au moment :
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
Pour le rendre compatible avec la plupart des navigateurs modernes utilisent ceci:
-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);
Cela fonctionne assez bien, mais veuillez noter que la meilleure pratique consiste à placer la déclaration non exclusive en dernier.
-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);