Sto creando più bordi per elemento utilizzando box-shadow, ma non vengono visualizzati in Webkit. Cosa c'è di sbagliato con questo codice? Sto usando questo quattro volte per creare ombra su ogni lato, poi confine per il bordo piùBox-shadow non funziona su Webkit?
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
Martti Laine
per visualizzare box-shadow in browser WebKit è necessario utilizzare la seguente dichiarazione al momento :
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
per renderlo compatibile con la maggior parte dei browser moderni usano questo:
-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);
Funziona abbastanza bene, ma tieni presente che la best practice consiste nel posizionare la dichiarazione non proprietaria per ultima.
-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);