2012-01-13 17 views
2

この「不透明度フォールバック」をIE 8で動作させるにはどうすればよいですか?IE 8でjavascriptで不透明度を設定しますか?

私は純粋なJavascript、CSS、jQueryを使用しません。

http://jsfiddle.net/snabbdesign/LeLfB/11/

+0

... – Hakan

+0

する必要がありますCSSを使用するには、JavaScriptで設定するだけです。 ;)また、eは通常、要素ではなくイベントを意味します。 – epascarello

+1

CSSトランジション(IEのバージョンのような)がなく、すでに組み込まれているライブラリを使用したくないブラウザでフェーディング効果を望む場合は、独自のJavaScriptアニメーションを実行する必要があります。これには、ステップ値を計算し、タイマーを設定し、不透明度の値を時間の経過とともに少しずつ進めます。良いアルゴリズムは、それが予定よりも先か遅れかを追跡し、それに応じてステップの値を調整します。詳細については、Googleで「javascript tweening animation」を検索してください。すべての主要ライブラリ(YUI、jQueryなど)には、これが組み込まれています。 – jfriend00

答えて

4
e.filter = "alpha(opacity:" + value * 100 + ")"; 

あなたが使用している

e.style.filter = 'alpha(opacity=' + value*100 + ')'; 

予告style、私はそれがどんな素敵なフェージング効果怒鳴るIE10を持っていないことを知っている=

+0

'e.style.filter = 'alpha(opacity = 20)'; 'それを簡単に保つために働くべきです。これをうまく使用しても表示されない場合は、オーバーフローが設定されていない場合、要素の高さが確認されていることを確認してから、コンテナがコンテンツの下部に折り返され、不透明度が表示されます「話す」ことができます。 – John

+0

複数のフィルタがあるとどうなりますか? ie8勾配のための別のものと同じですか? –

関連する問題