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 完美配合,但即使我使用绝对位置和 z-index,IE9 子菜单的 div 也不会出现......有什么我可能错过的 IE9 吗?...... .

在此先感谢大家!:-)))

干杯,路易吉

4

1 回答 1

0

您使用的是哪个 JS 框架?jQuery?

我在 JSFIDDLE 上试用了您的代码:http: //jsfiddle.net/PaEk9/ 它适用于我的 IE9。

也许这是 IE 加载 jQuery 的问题——我也知道这个问题。尝试将您的脚本放在页面底部,或者在 DOM-Ready Method 之外的脚本上使用jQuery美元符号而不是美元符号。$

像这样使用 DOM-Ready 函数:

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

也许这有帮助。

于 2012-11-08T09:16:26.093 回答