WebKitのフィルタ休憩オーバーフロー：隠された

Question

あなたがoverflow: hiddenで内部オーバーフローしたコンテンツをwebkit-filterと子供要素の入った容器を持っている場合は、私はGoogle Chromeの27

で導入された奇妙なレンダリングのバグ渡って実行したようですの要素は、this test caseに示すように、期待どおり隠されません。

このバグを回避する方法に関するご意見はありますか？私は特にドロップシャドー/ボックスシャドウ（それぞれウェブキットとモジラ）がテーブルの行を処理する必要があります。なぜなら、私はテストケースでそれを持っているからです。

Answer 1

うわー、これは永遠にかかりました。 Chrome 27には、WebkitフィルタがPARENT要素に適用されたときにオーバーフロープロパティのバグがあります。

so ... overflowプロパティを適用するのと同じ要素にフィルタを適用すると、そのフィルタは機能します。

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

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