html - オーバーレイDIVを使用したwebkit-filterグレースケール

Question

ホバーすると色が変わるdiv http://jsfiddle.net/wZvjH/3/の背景画像に対するグレースケール フィルターに問題があります。.bg

しかし、適用したのにグレースケールに.left1なっているのはなぜですか? それは計画ではありませんでした。どうすればこれを解決できますか?.left2z-index

Answer 1

要素にフィルタを適用すると、そのフィルタはそのすべての子にも適用されます。それをオフにする方法はありません。<div>フィルターを適用したくない場合は、 left と left2 を階層の外に移動して、メインの兄弟になるようにする必要があります。