IE8 CSS负边距拉起父元素

我正在使用负边距拉起<li>以获得叠加效果。这种效果适用于所有浏览器，包括IE7，但不适用于IE8。 IE8似乎将整个<ul>拉高-4px（负余量高度）IE8 CSS负边距拉起父元素

我完成了试图与它对抗，并会欣赏此社区有关如何解决此问题的任何建议。我宁愿尽可能贴近当前的风格，因为position:absolute可能导致IE7中出现z-index问题。这是页面 - http://actorstheatre.org/。这是顶部的主要导航。

您是否试过position:relative;top:-4px;？

2010-11-02 15:04:13

它实际上是'位置：相对;'。添加'top'代替'margin'会导致所有浏览器表现出时髦，尽管一致。 – 2010-11-02 17:07:22

时髦以什么方式？你能做一个这个简化版吗？ – 2010-11-02 17:11:15

时髦，因为在那没有解决任何事情，但使情况变得更糟。我明白你在做什么。目标不是重新修改此导航的所有样式。但还没有理解IE8的情况。这是*挑战*;） – 2010-11-02 18:49:00

如果只是在IE8中，您可以强制它进入IE7兼容模式。

<meta content='IE=7' http-equiv='X-UA-Compatible'>

2010-11-02 15:11:26

我意识到这一点，但这不是我脑海中的解决方案。不过谢谢。 – 2010-11-02 16:05:27

回答