6

Google Chrome 27 で導入された奇妙なレンダリング バグに遭遇したようです。

このテストケースで見られるように、要素内にオーバーフローしたコンテンツwebkit-filterを持つ and children 要素を持つコンテナがある場合、期待どおりに非表示になりません。overflow: hidden

このバグを回避する方法についてのアイデアはありますか? テーブルの行で作業するには、ドロップ シャドウ/ボックス シャドウ (それぞれ webkit と mozilla) が特に必要です。これが、テスト ケースに含まれている理由です。

4

1 に答える 1

7

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

そのため...オーバーフロープロパティを適用するのと同じ要素にフィルターを適用すると、機能します。

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

.bar {
    position: relative;
    width: 11px;
    height: 8px;
    -webkit-filter: blur(0px);
    overflow: hidden;
}
于 2013-05-23T18:02:33.060 に答える