Question

我的HTML和CSS表现得很奇怪。我有一个名为header的div元素，其中我有一个页内链接列表。当我将CSS应用于链接或div元素时，链接被禁用，即什么都没有在鼠标点击时发生。我尝试了很多，但我无法发现我的错误。感谢您的帮助。

这是我的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;}

Answer 1

我猜你不完全明白什么是href：＆＃34; #homes＆＃34;确实。如果您在一个名为www.mywebsite.com的网站上，您将使用href：＆＃34;＃homes＆＃34;它会让你保持在同一页面，但滚动一个名为#homes的div到页面顶部。

#homes会将您的信息页链接到www.mywebsite.com＃homes。我的猜测是你要打开一个名为www.mywebsite.com/homes的新网页，在这种情况下你应该将href更改为：

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

或者，您的#home div不是可滚动内容，因此浏览器无法将其移至顶部且页面保持不变。

希望这能解决你的问题^^

CSS自行禁用链接

1 个答案: