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

回答