Question

我正在努力使这个下拉菜单正常运行...但我几乎放弃尝试让它在IE8上运行，虽然它适用于IE7 ......

http://jsfiddle.net/MgcDU/5137/

问题是在IE8上显示下拉菜单时，它似乎是......看不见的？我将鼠标移到它上面，我可以看到状态栏中出现的链接，但没有别的。

问题图片： http://tinypic.com/r/2uqdpqd/5

我认为这个问题与bootstrap的一些继承风格有关，因为它似乎有效。

我已经尝试过jQuery来解决这个问题，一旦鼠标移过父li，就强迫孩子们把ul显示为阻止，但这不是我想要的。

此外，我不得不删除Joomla试图在导航器块中包含的一些样式。

jQuery(document).ready(function () {
if (!jQuery("html").hasClass()) {
    // dropdown
    jQuery('.parent').addClass('has-sub');
    jQuery('.cssmenu > ul').removeClass();
    jQuery('.cssmenu ul li > ul').removeClass();
    jQuery('.cssmenu ul li > ul').addClass('unstyled');
};});

我做错了什么？

非常感谢！

Answer 1

我没有太多时间来完成您的示例，但我在CSS中添加了以下代码，现在看起来工作正常。如果它也适合你，请告诉我。

.cssmenu ul li:hover > ul {
display:block;
}

下拉菜单在IE8上无法正常工作

1 个答案: