Firefox und Chrome scheinen Box-Shadow ganz anders zu rendern

Ich habe einen Box-Shadow-Effekt sowohl in Chrome als auch in Firefox getestet und war überrascht, einen drastischen Unterschied beim Rendern zwischen den beiden Browsern festzustellen. Bemerkenswert war das Rendering von Firefoxviel dunkler. Hier sind zwei Referenzbilder:

Das erste Bild wird in Chrome 22 und das zweite in Firefox 16 gerendert. Beide Versionen laufen unter Mac OS 10.8.2. Ich habe keine Ahnung, warum die beiden Bilder so unterschiedlich gerendert werden. Hier ist der Box-Schatten selbst, der für beide Browser gleich ist:

box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0px 4px 2px -2px rgba(255,255,255,0.7), inset 0px -3px 1px -2px rgba(0,0,0,0.3), inset 0px -20px 200px -100px rgba(0,0,0,0.5);

Für eine Live-Demo können Sie sehenHier. Fahren Sie mit der Maus über das Feld, um den Effekt zu erhalten.

Kann ich diesen drastischen Unterschied beim Rendern auf irgendeine Weise beheben?

Antworten auf die Frage(5)

Ihre Antwort auf die Frage