background-size: webkit'te kapak hatası

Question

Webkit'te bir hata var gibi görünüyor, büyük olasılıkla bir yuvarlama sorunu, background-size özelliğine neden olarak cover olarak ayarlandığında bir öğenin tümünü kapsamaz.

jsFiddle: http://jsfiddle.net/um4cQ/ (Kırmızı arka plan sol veya üst ya kanattan ceza gösteren görmüyorsanız sonuç alanını yeniden boyutlandırma deneyin).

Net, some dating back to 2011 etrafındaki hataya ilişkin bazı referanslar gördüm, ancak henüz geliştiricilerden bir şey duymadım. Daha da önemlisi şu anda, bir CSS çözümü varsa (javascript kullanmadan).

Bunun için uygun bir geçici çözüm bulmuş olan var mı?

Answer 1

Satıcı önekini ekledim ve bazı görüntüleri düzelttim, ardından renk ve tekrarlama için background: kestirme kuralı gruplandırdım. Bu, görüntülerin bazılarını düzeltdi, ama hepsi değil, bu yüzden sahip olduğunuz görüntü boyutlarıyla ilgili olduğunu fark ettim, tüm görüntüler için aynı görüntüyü (çalışmakta olan) kullandım ve işe yaradı.

Görüntülerin en boy oranının burada yapılması gereken bir şey var ve bence bu, background-size: cover;'un en boy oranını karıştırıp görüntüyü bozmaması için çalışıyor.

Here's my fiddle working Sadece resimlerinizi yeniden işleyin, böylece kapsayıcısına uygun bir en boy oranı vardır.