簡単にjavascript通していないIE7/8、ファインのブラウザ

Question

見 http://jonesonter.notomato.com.au/.

私は単に色の効果を書きだけで一部のリスト要素を配置上のスタックの画像はすべて絶対位置す。

$("#homeNav li").hover(function(){
    //make a variable and assign the hovered id to it
    var elid = $(this).attr('id');
    //hide the image currently there
    $("div#homeImages div").hide();
    //fade in the image with the same id as the selected buttom
    $("div#homeImages div#" + elid + "").fadeIn("slow");

    });

ただし、かないインターネット以下のように変更しました。

しかし探ることができていない簡単色技法が話;してスタック画像 位置の設定制御（この場合において < li>要素) にカーソルを合わせるだけで、特定の制御 一つの画像が薄れ、その他すべて隠され、現在はフェードです。

IEいうエラーとなフェード。なんだろうけど、日本人が私が悪いのでしょうか。

Answer 1

以下の作品においてhtmlに変化):

<div id="homeImages">
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/conditioned.jpg');" id="homeConditioned"></div>
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/guided.jpg');" id="homeGuided"></div>
    <div style="display: block; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/informed.jpg');" id="homeInformed"></div>
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/shaped.jpg');" id="homeShaped"></div>
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/sustained.jpg');" id="homeSustained"></div>
</div>

Answer 2

少しショットの暗いですが、私の家にベッドの現在:)

• から試作、フェード効果の好みについてのclassless、シンプル <div> directrly内の要素を色あせた.できるだこれではないですか。
• その場合には、画像レイアウト例を使用 zoom: 1 CSSプロパティ)
• その場合には、画像の背景色です。