5

I have a problem with a navigation menu for which I have applied pie.js (library that allows you to have css3 on ie6-8 browsers). Works well at first sight but if we will play a little bit with the menu, wrong behavior will raise:(. To receive that strange behavior you must move cursor a little faster left and right over the drop-down menu on IE8. This is a function through I call js library.

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

});

Check this example: http://mainpage.ueuo.com

...and don't forget, only on IE8 browsers ...

Thank's.

4

2 回答 2

3

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

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

你可以看看http://meyerweb.com/eric/tools/css/reset/ 或类似的东西。

IE8也不支持last-child

ul#menu li ul li:last-child{border-bottom:none; }

所以这也会影响菜单项的外观。

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

于 2012-09-12T15:08:39.190 回答
2

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

于 2012-09-12T14:20:49.387 回答