gpt4 book ai didi

html 链接不能正常工作

转载 作者:行者123 更新时间:2023-11-28 18:37:42 27 4
gpt4 key购买 nike

我正在为我的网站创建 html/css,但链接不是“可点击的”。

当我去掉“ul#menu”CSS 中的“float:left”时,链接就可以工作了。否则它不会。

        <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/

最佳答案

试试这个:

        <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;
}

关于html 链接不能正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12295985/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com