2016-04-19 10 views
0

Ich habe Box-Schatten-Effekt für ein DIV gegeben. Aber der gleiche Code sieht in Safari dunkler und in Chrom dünner aus. Der Schatten erscheint nicht links und oben für den Chrome-Browser.Box-shadow sieht nicht gleich aus für Safari und Chrom

.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; 
} 
+0

Ihre Box Shadow-Regeln sollten in umgekehrter Reihenfolge bestellt werden. – alex

+0

Wenn Sie Ihren Bildschirm teilen –

+0

Anstatt 'schwarz' zu verwenden, können Sie' rgba() 'verwenden. Beispiel: 'rgba (0, 0, 0, 0.30)'. Sie können den Wert "0.30" in etwas höher oder niedriger ändern. Z.B. '0.30' leichter als' 0.90'. – Jer

Antwort

Verwandte Themen