html鏈接無法正常工作

我爲我的網站創建了html/css，鏈接不是「可點擊」的。html鏈接無法正常工作

當我擺脫我的「ul＃菜單」CSS中的「浮動：左」，鏈接工作。否則它沒有。

 <ul id="menu"> 
      <li><a href="www.facebook.com" class="active">Home</a></li> 
      <li><a href="www.facebook.com">Order</a></li> 
      <li><a href="www.twitter.com">How it works</a></li> 
      <li><a href="#">FAQ</a></li> 
      <li><a href="#">About urrrs</a></li> 
      <a href="www.facebook.com">order</a>    
     </ul> 



ul#menu{ 
    float: left; 
    margin-left: 20px; 
    margin-top: -290px; 
} 

ul#menu li a { 
    text-decoration:none; 
    color:#e2281f; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:22px; 
    line-height:32px; 
} 

ul#menu li a.active, ul#menu li a:hover { 
    background-color:#e2281f; 
    color: white; 
}

我的網頁位於：http://foodchute.com/

來源

2012-09-06 anc1revv

嘗試'顯示：塊'爲'ul＃菜單' –

似乎是一個zindex問題。嘗試像'zindex：100'。有時候'！important'指令也有幫助。 –

需要注意的是'ul＃menu'是不必要的，因爲'id's是唯一的''＃menu'同樣好，並且運行速度會更快。 – Chowlett

試試這個：

 <ul id="menu"> 
      <li><a href="www.facebook.com" class="active">Home</a></li> 
      <li><a href="www.facebook.com">Order</a></li> 
      <li><a href="www.twitter.com">How it works</a></li> 
      <li><a href="#">FAQ</a></li> 
      <li><a href="#">About urrrs</a></li> 
      <a href="www.facebook.com">order</a>    
     </ul> 



ul#menu{ 
    position:relative; /* <- important bit here */ 
    z-index:1; /* <- important bit here */ 
    float: left; 
    margin-left: 20px; 
    margin-top: -290px; 
} 

ul#menu li a { 
    text-decoration:none; 
    color:#e2281f; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:22px; 
    line-height:32px; 
} 

ul#menu li a.active, ul#menu li a:hover { 
    background-color:#e2281f; 
    color: white; 
}

來源

2012-09-06 08:32:11

因爲你有一個重疊的div #shopping。

添加到您的#menu：

position:relative; 
z-index:2

和這#shopping

z-index:1

來源

2012-09-06 08:31:47 piatek

他們所有的工作，如果你嘗試使用標籤，你可以選擇它們並按Enter鍵將重定向！這只是你的CSS樣式重疊的鏈接，如果我得到這個權利，嘗試玩弄它，它會使事情工作（不是一個CSS和HTML專家，但我想它可以幫助）。

來源

2012-09-06 08:32:31

html鏈接無法正常工作

回答

相關問題