2011-12-19 18 views
12

CSS özelliklerinin bu özel kombinasyonunu kullanırken, görünürlük gizli ve sabit konumlandırmalı bir dış eleman ve görünürlük üzerinde bir geçersiz kılma sağlayan tamamen veya göreceli olarak yerleştirilmiş bir iç eleman kullanıldığında, Chrome 15 + 'da garip davranışlar görünmektedir.Chrome'un CSS görünürlüğü oluşturma işleminde bir hata var mı?

Yukarıdaki kod parçacığı, kaydırıldığında bu resmi oluşturur. Chrome visibility issue

nispi ve mutlak konum hem de yeniden davranış bu özel DOM mutlak konumlama göreceli konumlandırma eşdeğerdir gerçeğine chalked hale gelmiştir. Bu biçimlendirme geçerlidir ve tanımlanmış davranışlar var durumda

bu tarayıcı/render motoru bir hata işaret ve performans optimizasyonu kötü gitti gibi özellikle bu davranış Chrome ile tanıtıldı göz önüne alındığında, bakar 15 güncelleme. Sparky672

ait

JSFiddle link nezaket

Güncelleme:

Bu davranış WebKit Bugzilla bildirildi ve hata tanıtıldı değişiklik kümesi tespit edilmiştir görünüyor edilmiştir.

+0

Hata 16.0.912.63 da var, – danjah

+1

Neden jsFiddle yok? – Sparky

+0

Jsfiddle'ta olmaz, ancak basit bir web sayfası oluşturun, başlatın ve – danjah

cevap

33

Evet, kesinlikle bir hata var: Onu Chrome sürümümde de çoğaltmayı başardım.

Düzeltmek istediğiniz takdirde, “webkit'in hasLayout” düzeltmesini, -webkit-transform: translateZ(0); sarıcısına veya iç öğeye ekleyebilirsiniz, bu da Chrome'un bloğu düzgün bir şekilde oluşturmasını sağlar. http://jsfiddle.net/kizu/bHzWN/6/show/

+3

Sizinle aynı fikirde olan ve bu konuda raporlanması gereken bir hata olan Google'da Paul Irish ile konuştunuz: http://goo.gl/AnJW5 – Rob

+1

Harika düzeltme! Bu, çok fazla değişmeden hatanın etrafından dolaşmanın en güvenli yolu gibi görünüyor. – Novikov

+0

Benim için çalıştı - çok, çok teşekkür ederim. WebKit 24.0.1312.56 m, 2013 yılında "hasLayout" benzeri hataları? * iç * – danjah

0

Evet, bir böcek:

İşte sabit bir keman olduğunu. 535 sürümünde başlayan ve Chrome'un bir çok sürümünde bile 18x

kizu'nun hack'ında fark edilen bir Web-kit regresyon hatası gibi görünüyor.

İlgili konular