Question

我的导航菜单有问题，我已经应用了pie.js（允许你在ie6-8浏览器上使用css3的库）。一见钟情，但是如果我们会在菜单上稍微玩一下，会出现错误的行为:(。要接收这种奇怪的行为，你必须在IE8的下拉菜单上左右移动光标一点点。这是通过我调用js库的函数。

$(document).ready(function(){
    if (window.PIE) {
        $('.aahov,ul#menu,ul#menu li ul').each(function(){
            PIE.attach(this);
        });
    }

}）;

选中此示例：http://mainpage.ueuo.com

...不要忘记，仅限IE8浏览器......

感谢的。

Answer 1

可能只是IE8添加了一些额外的填充。

我从你的css中注意到你没有使用css重置，这可能有助于消除基于浏览器的差异。

您可以查看http://meyerweb.com/eric/tools/css/reset/或类似内容。

IE8也不支持last-child

ul＃menu li ul li：last-child {border-bottom：none; }

因此，这也会影响菜单项的外观。

另外，从可用性的角度来看，最好让用户知道菜单链接是下拉列表。可能会在链接右侧添加一个向下箭头。

Answer 2

你的脚本对我来说很好看，它看起来像是你造型中的东西。不确定你在那里有什么，但你可能能够使用它来overflow:hidden，或者至少可能是一个开始的地方。

导航菜单 - 悬停背景表现奇怪

2 个答案: