0

我目前正在这个网站上工作:http: //goo.gl/uRGsh

我遇到的问题是在 IE9 中 - 菜单中的徽标似乎被切断了。或者这就是我认为至少会发生的事情。在 IE10 开发工具(在 ie9 模式下)中进行测试时,将鼠标悬停在不同的菜单项上时会出现很多闪烁,并且子菜单覆盖了标识的下部。在运行虚拟机或其他东西的browserlab上进行测试时,徽标被简单地切断(仅菜单内的部分可见)。

IE8截图:

IE8截图

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

有什么建议么?

4

1 回答 1

0

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

您是否尝试过删除历史记录和缓存以及所有这些东西?

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

编辑

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

也许你的虚拟机有问题,但你确实说过你刚刚在另一台电脑上检查过。?

我现在确实看到了.logotype 上的位置。它的 z-index: 7 列出时:

.header-section .full-menu .logotype

并且菜单容器是 z-index:6 列出时

.header-section .menu-container

我不认为这是 z-index 的事情。我注意到上面是溢出的:可见的。也许它应该被隐藏起来。

如果不是这样,我会尝试将 z-index:6 或更少(也使用 position:relative)应用于各种

.header-section .menu-container ul

.header-section .menu-container li

.header-section .menu-container li a

也许带有 .logo-placeholder 的东西。上面没有位置或z-index。我无法确定它的用途。

这里有点猜测。很难看到我何时无法复制该问题。

于 2013-01-15T09:52:18.160 回答