IE9-z-index / overflow问题？

Question

我目前正在使用此网站：http://goo.gl/uRGsh

我遇到的问题是在IE9中 - 菜单中的徽标似乎被切断了。或者这就是我认为至少会发生的事情。当在IE10开发工具中进行测试时（在ie9模式下）当我将鼠标悬停在不同的菜单项上时会出现大量闪烁，子菜单覆盖了标识的下半部分。在运行虚拟机或其他东西的browserlab上进行测试时，徽标就会被切断（只有菜单中的部分可见）。

IE8的屏幕截图：

我花了好几个小时试图解决这个问题。徽标周围的包装有overflow: visible;，因此应该不是原因。顶部菜单栏的z-index也高于子菜单，因此子菜单不应与徽标重叠。徽标位于顶部菜单栏内。

有什么建议吗？

Answer 1

IE9和Chrome在我的机器上看起来和我一样。

您是否尝试删除历史记录和缓存以及所有内容？

使用z-index时，还必须说明一个位置。似乎不是徽标上的位置。

EDITS

我无法复制您在快照中显示的此错误。在两台不同的机器上试用了W7上的IE8和Chrome以及W7上的IE9。

也许你的虚拟机有什么东西，但你确实说过你刚刚在另一台电脑上查了一下。？

我现在看到了.logotype上的位置。列出时带有z-index：7：

.header-section .full-menu .logotype

并且菜单容器是z-index：6与

一起列出时

.header-section .menu-container

我不认为这是一个z索引的事情。我注意到上面是溢出：可见。也许应该隐藏它。

如果不是这样的话，我会尝试将z-index：6或更少（位置也相对）应用于各种

.header-section .menu-container ul

和

.header-section .menu-container li

和

.header-section .menu-container li a

也许是.logo-placeholder。没有位置或z指数。我无法确定它的用途。

有点猜测。我无法复制这个问题很难看。