0

私はこのコードを持っています:

#bizMxp{position:absolute;min-width:140px;left:5px;z-index:100000;display:none;top:134px}
#bizMxp div{background-color:#fff;border:4px #6db03f solid;border-top:0;padding:15px;margin-top:20px}

$('.mxpbiz').hover(function(){$('#bizMxp').show('fast');},function(){$('#bizMxp').hide();}); 

<div id="mainMenu">
    <ul>
        <li<%=TabAttiva("mxpbiz",act)%>><a class="mxpbiz" href="#"><%=Lexicon("MXP BIZ")%></a></li>
    </ul>
    <div id="bizMxp">
        <div>
            <a href="/about"><%=Lexicon("About us")%></a><br/>
            <a href="/building"><%=Lexicon("The Building")%></a><br/>
            <a href="/where"><%=Lexicon("Location")%></a>
        </div>
    </div>
</div>

Chrome、FF、および IE <= 8 では完全に動作しますが、IE9 サブメニューの div では、絶対位置と z-index を使用していても表示されません... IE9 で見逃していたものはありますか?... .

みなさん、よろしくお願いします！:-)))

乾杯、ルイージ

4

1 に答える 1

0

どの JS フレームワークを使用していますか? jQuery?

私はあなたのコードを JSFIDDLE で試してみました: http://jsfiddle.net/PaEk9/ 私の IE9 で動作します。

多分それはIEがjQueryをロードする問題です-私もその問題を嫌っています。ページの下部にスクリプトを配置するか、DOM 対応メソッドの外側にjQueryあるドル記号の代わりにスクリプトを使用してみてください。$

次のように DOM-Ready 関数を使用します。

jQuery(document).ready(function($){
    // your code, now using '$'
});

たぶんこれが役立ちます。

于 2012-11-08T09:16:26.093 に答える