1

我正在为我的网站创建 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/

4

3 回答 3

1

试试这个：

        <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-06T08:32:11.493 回答
0

因为你有一个重叠的 div #shopping。

将此添加到您的#menu：

position:relative;
z-index:2

这是#shopping

z-index:1
于 2012-09-06T08:31:47.150 回答
0

如果您尝试使用选项卡，它们都可以工作，您可以选择它们并按 Enter 将重定向！如果我做对了，只是你的 CSS 样式与链接重叠，尝试使用它，它会让事情变得正常（不是 CSS 和 HTML 专家，但我想它可以提供帮助）。

于 2012-09-06T08:32:31.917 回答