重疊在IE8

喜菜單項 - 爲我的菜單項的一些原因2在IE8（見下面的截圖 - 項目「關於我們」和「新聞自由」，也背景是白色的在這2項之間的空間重疊）上我sitehttp：//goo.gl/34oQ8 - 任何想法，爲什麼？重疊在IE8

enter image description here

CSS代碼

#nav 
{ 
     right:2%; 
     list-style:none; 
     position:fixed; 
     /* float:right; */ 
     top:30px; 
     z-index:1000; 
     /* width:520px; */ 
} 

#nav > li { 
    display: inline-block; 
    /* dirty hack for IE7 */ 
    *display: inline; 
    *zoom: 1; 
} 

#nav a 
{ 
     font:12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
     font-weight:600; 
     letter-spacing:1px; 
     float:left; 
     top:30px; 
     display:inline-block; 
     font-size:11px; 
     margin-left:5px; 
     margin-right:5px; 
     padding-left:15px; 
     padding-right:15px; 
     text-decoration:none; 
     height:24px; 
     color:#666; 
     line-height:24px; 
     text-align:center; 
     box-shadow:1px 1px 2px rgba(0,0,0,0.2); 
     /* background:rgba(255,255,255,0.9); removed not ie8 compatible */ 
     text-transform:uppercase; 
     background: white; 
    opacity: 0.8; 
    filter: Alpha(opacity='80'); 
} 

#nav a:hover 
{ 
     background:#dedede; 
} 

#nav .current a 
{ 
     background:#666; 
     color:#ededed; 
}

HTML代碼

<ul id="nav"> 
    <li class="current"><a href="#presentation">Home</a></li> 
    <li><a href="#equipe">Team</a></li> 
    <li><a href="#plan-activite">About us</a></li> 
    <li><a href="#medias">Press</a></li> 
    <li><a href="#inline" class="modalbox">Contact</a></li> 
</ul>

來源

2012-08-02 Greg

我記得這個網站，前幾天有形式問題:) – 2012-08-02 17:59:00

是的，我認爲這是固定的，但還是有這個問題;） – Greg 2012-08-02 18:01:17

我不認爲把保證金上<a>元素將空間你的<li>的這是你想要的。試着增加利潤率左和/或保證金的權利nav li代替

還，HTML5包括<nav>標記，將很好地取代你的id =「導航」

來源

2012-08-02 17:58:25

我認爲這是解決方案。 – 2012-08-02 18:07:14

感謝這兩個，我會試試這個。這個問題怎麼纔出現btw項目「關於我們」和「新聞」雖然？ – Greg 2012-08-02 18:30:04

你需要把你所有的間距和邊距的元素進入#nav>李。

在#nav一個只應爲造型，其中作爲李可用於樣式的菜單項本身鏈接項目的代碼。

#nav > li { 
      display: inline-block; 
      margin: 0 5px; 
      padding: 3px 15px; 
}

這將開始清理代碼有點..

來源

2012-08-02 18:40:54

回答

相關問題