Testowałem efekt box-shadow w Chrome i Firefox i byłem zaskoczony, widząc drastyczną różnicę w renderowaniu między dwiema przeglądarkami. Warto zauważyć, że rendering Firefox byłdużo ciemniejszy. Oto dwa obrazy referencyjne:

Pierwszy obraz jest renderowany w Chrome 22, a drugi w Firefoksie 16, oba uruchomione w systemie Mac OS 10.8.2. Nie mam pojęcia, dlaczego te dwa obrazy są tak różne. Oto sam cień pudełka, taki sam dla obu przeglądarek:

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);

Aby zobaczyć demo na żywo, możesz to zobaczyćtutaj. Najedź myszką na pudełko, aby uzyskać efekt.

Czy jest jakiś sposób, aby naprawić tę drastyczną różnicę w renderowaniu?