2013-01-15 49 views
0

我目前在使用本网站:http://goo.gl/uRGshIE9- z-index /溢出问题?

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

截图:

Screenshot of IE8

我已经花了几个小时试图解决这一问题。徽标周围的包装有overflow: visible;,所以应该是不是原因。顶级菜单栏也具有比子菜单更高的Z-索引,因此子菜单不应与标志重叠。徽标放置在顶部菜单栏中。

有什么建议吗?

回答

0

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

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

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

EDITS

我只是不能复制你在快照中显示的这个错误。在两台不同的机器上尝试过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或更小(与位置:相对于太)的各种

.header-section .menu-container ul 

.header-section .menu-container li 

.header-section .menu-container li a 

可能与.logo-placeholder有关。没有位置或Z指数。我无法确定它是什么。

这里猜测的种类。很难看到什么时候我无法复制这个问题。

+0

我确实清理了我的历史记录/缓存等。我将在一秒钟内检查另一台计算机。该徽标相对定位。该图像被封装在一个'.logotype'类的''标签中。你能打开开发工具并在IE8模式下检查网站吗? – qwerty

+0

刚刚在队友计算机上的IE9上进行了检查,并且当您悬停菜单项时,子菜单确实覆盖了徽标。 – qwerty

+0

我只是不能复制你在快照中显示的这个错误。在两台不同的机器上尝试过XP上的IE8和Chrome和W7上的IE9。 – fredsbend