Box-shadow ne ressemble pas à la fois pour le safari et le chrome

J'ai donné un effet d'ombre de boîte pour un DIV. Mais le même code semble plus sombre en safari et plus mince en chrome. L'ombre n'apparaît pas à gauche et en haut pour le navigateur chrome.Box-shadow ne ressemble pas à la fois pour le safari et le chrome

.div_wrapper { 
    box-shadow: 4px 4px 15px -6px black; 
    -moz-box-shadow: 4px 4px 15px -6px black; 
    -webkit-box-shadow: 4px 4px 15px -6px black; 
    background: #fff; 
    padding: 10px; 
    width: 400px; 
    height: 400px; 
    margin-bottom: 10px; 
}

Source

2016-04-19 Jayabharathi Lakshana

Vos règles d'ombre de boîte doivent être commandées à l'envers. – alex

Si vous partagez votre écran –

Au lieu d'utiliser 'black' vous pouvez utiliser' rgba() '. Exemple: 'rgba (0, 0, 0, 0.30)'. Vous pouvez changer la valeur '0.30' à quelque chose de plus haut ou plus bas. Par exemple. '0.30' plus léger que' 0.90'. – Jer

C'est normal. Certaines propriétés CSS se comporteront différemment en raison de la différence de mécanisme de représentation des différents navigateurs. En outre, vous pouvez également load different CSS file for different browsers.

Source

2016-04-19 13:07:38

Box-shadow ne ressemble pas à la fois pour le safari et le chrome

Répondre

Questions connexes