webkit-filtre sonları taşması: gizlenmiş

Question

Ben İçeri overflow: hidden taşan içerik ile webkit-filter ve çocukların eleman ile bir kap varsa Google Chrome 27.

kullanılmaya başlanan bir garip oluşturma hatasının rastlamak ettik görünüyor Bu öğenin this test case sürümünde görüldüğü gibi beklendiği gibi gizlenmeyecek.

Bu hata hakkında nasıl çalışılacağı hakkında bir fikriniz var mı? Tablo satırları üzerinde çalışmak için özellikle drop-shadow/box-shadow'e (webkit ve mozilla) ihtiyacım var.

Answer 1

Vay, bu sonsuza dek sürdü. Yani haklısınız, bir webkit filtresi bir PARENT öğesine uygulandığında, Chrome 27 taşma özelliğiyle ilgili bir hatadır.

bu nedenle, taşma özelliğini uyguladığınız öğeye bir filtre uygularsanız, çalışır.

http://jsfiddle.net/P3ysJ/8/

.bar { 
    position: relative; 
    width: 11px; 
    height: 8px; 
    -webkit-filter: blur(0px); 
    overflow: hidden; 
}