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自行禁用链接

回答

相关问题