CSS自行禁用鏈接

我的HTML和CSS行爲異常。我有一個名爲header的div元素，其中有一個頁面內鏈接列表。當我將CSS應用到鏈接或div元素時，鏈接被禁用，即在鼠標單擊時不發生任何。我嘗試了很多，但我無法發現我的錯誤。感謝你的幫助。CSS自行禁用鏈接

這裏是我的HTML組件：

<div class = "header"> 
     <img class="logo" src="logo.png" /> 
     <ul id = "nav"> 
      <li><a href="#homes">Home</a></li> 
      <li><a href="#tutorials">Tutorial</a></li> 
      <li class="last"><a href="#contacts">Contact Us</a></li> 
     </ul> 
    </div>

這裏是我試圖以應用CSS：

.header{position:relative;width:950px; margin:0 auto; z-index: -1;} 
.header #nav{float: right; margin-top:55px} 
.header #nav li{float:left; padding-right:15px; padding-left:15px; line-height:12px; border-  right:1px solid #06F; list-style-type: none;} 
.header #nav li.last{border-right:none;} 
.header #nav li a{display: inline;font-family: Helvetica, sans-serif; font-weight: bold; font-size: 22px; color:#081d58;} 
.header #nav li a:hover{color:#253494;}

來源

2014-11-06 Learner23

我要去猜你'的z-index：-1;'放置您的聯繫下，另一個元素，如'body'讓你的鏈接出現禁用。 – Jmh2013 2014-11-06 20:59:10

它是Z指數...拿出來 – Sai 2014-11-06 21:06:22

也有你的邊界之間的空間和右邊的.header #nav li部分的CSS – Sai 2014-11-06 21:08:11

我會想你沒有完全明白的href：「＃家園「的確如此。如果你在一個名爲www.mywebsite.com的網站上，你可以使用href：「#homes」，它會讓你保持在同一頁面上，但滾動一個名爲#homes的div到頁面頂部。

#homes將您的網頁鏈接到www.mywebsite.com＃家園。我的猜測是，你要打開一個名爲www.mywebsite.com/homes新網頁在這種情況下，你應該改變的href到：

<a href: "http://www.mywebsite.com/homes">Home</a>

或者你#home格不滾動內容，所以瀏覽器無法動彈它到頂部和你的網頁保持不變。

希望這能解決你的問題^^

來源

2014-11-06 22:00:06 RMo

CSS自行禁用鏈接

回答

相關問題