Geçtiğimiz günlerde, Chrome'da artık düzgün bir şekilde görüntülenen bir web sayfası buldum. Chrome'un yanlış gittiği 'u bile indiremiyorum. Örneklerimi vereceğim ve önerileriniz, ipuçlarınız veya çözümleriniz için teşekkürler!Chrome'da CSS görüntü sorunları: background-image & position
background-image web saversetter.com dikey olarak örülmüş background-resim (ler) kullanır. Chrome artık bunları göstermiyor. Görünür olması için degrade arka plan için Firefox veya IE'de görüntüleyin. Chrome bunu birkaç ay öncesine kadar doğru şekilde gösterdi.
pozisyon deadlynightshades.com bir sayfanın alt kısmına gidin ve orada zoomers üzerine gelin. Birkaç hafta öncesine kadar, Chrome ve tüm tarayıcılar, başlığın merkez altına doğru yuvarlandığını gösterdi. Sonra aniden, biliyorum ki, Chrome sadece başlıkları yanlış konumlandırmaya başladı. Bunu Chrome'da, yalnızca şu anda olduğu gibi diğer tarayıcılarda kırmak için düzelttim. Bu örnek şu anda Chrome'da iyi görünüyor, ancak yapmamalı. Yanlış hizalanmış bir başlığın nasıl göründüğünü görmek için Firefox veya IE'deki yakınlaştırıcıları görüntüleyin.
Bu sayfalar Chrome'da çalıştı, ardından birdenbire artık doğru bir şekilde görüntülenmedi, sonuçta hiçbir değişiklik olmadı. Güncellemelerinde Chrome'un arka plan görüntüsü veya mutlak konum içeren kurallar için CSS ekranı değişiyor, büyük ölçüde değişiyor mu?
ADDENDUM: Bu soru, Is there a bug in Chrome's CSS visibility rendering?, yakınlaştırma sorunlarım ile ilgili görünüyor, üzgünüm, daha önce görmedim!
ÇÖZÜM: Bunu sorduğum için özür dilerim, sonra kendi çözümümüzü buldum. Asking problemi çözmeme yardımcı oldu, ama gelecekte zamanınıza daha dikkatli olacağım! Konum sorunu, bir piksel konumunun yerine yüzde konum belirtilerek, başlık animasyonu için jquery tarafından oluşturulan css'de giderildi. Buna genel bir çözüm ya da değişmiş olan Chrome'la ilgili bir çözüm yok. Bir test ortamında çoğaltılamadı, bu yüzden Chrome'daki değişikliklere ek olarak sayfamla ilgili bir şey.
Arka plan görüntüsü ile ilgili olarak, Chrome'un arka plan boyutunda sorunları vardır. background-size: 25% auto;background-size: 25%;'a indirgeniyor ve% 25'i yükseklik ve genişlik için yanlış şekilde yeniden kullanılıyor. "Otomatik" yi "% 100" olarak değiştirdim ve Chrome, tek piksel uzunluğundaki resimleri göstermeye başladı. Tam olarak bu bağlamda otomanın ne anlama geldiği belli değil, neden başlangıçta kullanıldığımı bilmiyorum, ancak Firefox ve IE bunu görüntünün boyutu olarak gösterirken, Chrome her iki boyut için de tanımlanmış olan diğer değeri kullanıyor gibi görünüyor. .
Chrome hangi sürümünü kullanıyorsunuz? – ProdigyProgrammer
Bu yazıyı kullanıyorum, Sürüm 24.0.1312.35 beta-m – rabidrobot
Bir jsfiddle yerine mevcut web sayfalarıyla ilgili soru sorduğum için özür dilerim.Piksel konumlandırmasından yüzde değerine geçiş yaptığım için, yakınlaştırıcı/konum problemini dikkate almayın ve eski işi neden yapmadığını bilmesem bile bu işi yapabildiğimi lütfen unutmayın. – rabidrobot