Hem Chrome hem de Firefox'ta bir kutu gölge efekti test ediyordum ve iki tarayıcı arasında görüntü oluşturmada büyük bir fark görmekten çok şaşırdım. Özellikle Firefox'un sunumu çok daha karanlıktı.Firefox ve Chrome, kutu gölgesini oldukça farklı bir şekilde oluşturuyor gibi görünüyor.
ilk görüntü Chrome 22'de oluşturulur ve Firefox'ta 16'da ikincisi, Mac OS 10.8.2 altında çalışan hem: Burada iki referans görüntülerdir. İki imgenin neden bu kadar farklı işlediğine dair hiçbir fikrim yok. İşte her iki tarayıcılar için aynı kutu gölge kendisi var:
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);
canlı bir demo için, here görebilirsiniz. Efekti elde etmek için farenin üzerine getirin.
Bu önemli farkı düzeltmede yapabileceğim bir yol var mı?
Bu olmuştur bir sorunu kontrol edebilmesi için herhangi bir keman veya bağlantısı var Dou. Bunun nedenini hala bilmiyorum: http://stackoverflow.com/questions/11167516/different-output-for-same-box-shadow-size-in-chrome-and-firefox – BoltClock
Tahminimce, bu tarayıcının tasarladığı bir bileşendir. Örneğin, Alert popup'ları farklı tarayıcılarda çok farklı görünür. Aynı görünüşe sahip olmak istiyorsanız, kendiniz çizmeniz ve kodlamanız gerektiğini düşünüyorum. – user1894606