Question

我有这段代码：

#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＆lt; = 8完美配合，但是即使我使用绝对位置和z-index，IE9子菜单的div也不会出现...是否有一些我可能错过的IE9 ？....

先谢谢大家！： - ）））

干杯，路易

Answer 1

您使用的是哪个JS-Framework？ jQuery的？

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

也许这是IE加载jQuery的问题 - 我也说问题了。尝试将您的脚本放在页面底部，或者在DOM-Ready方法外部的脚本上使用jQuery而不是美元符号$。

使用DOM-Ready功能像这样：

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

也许这有帮助。

IE9对子菜单DIV的奇怪CSS行为

1 个答案: