IE8で jQueryのopacityアニメをする際の留意点

IE8で jQueryのopacityアニメ(fadeIn fadeOutなどなど)をする際の注意点。

positionをrelativeやabsoluteにする必要がある場合は、アニメーションさせる要素でなく親要素に対して設定しておくこと

ただし、IE8には別の問題がある。それは、positionがrelativeだったりabsoluteだったりする場合、その要素の透明度がアニメーションしないっていうもの。これを避けるためには、フェードさせる要素の中にあるすべての要素を、全部float中心でレイアウトしないとならない。

引用元
http://hamalog.tumblr.com/post/5578274182/jquery-opacity-ie6-7-8

要素に「display: block;」か「filter: inherit;」を設定する

IE8でjQueryのアニメーションがうまく動作しない場合の対処法

引用元
http://helog.jp/environment/browser/2380/

投稿者:

ayako0802

フロントエンドエンジニア