Question

我尝试在网站上制作菜单。菜单html代码如下

    <div id="menu">
                    <ul class="navigation">
                        <li><a href="#home" class="selected">Home<span class="ui_icon home"></span></a></li>
                        <li><a href="#aboutus">About Us<span class="ui_icon aboutus"></span></a></li>
                        <li><a href="#gallery">Gallery<span class="ui_icon gallery"></span></a></li>
                        <li><a href="#contactus">Contact Us<span class="ui_icon contactus"></span></a></li>
                        <li><a href="http://www.google.com">google</a><span class="ui_icon services"></span></li>
                    </ul>   
<h1><a href="http://www.yahoo.com">Yahoo</a></h1>

                </div>

如果我按雅虎链接，那么我可以访问雅虎如果我按google链接（在导航类中），它就不起作用。

有谁知道为什么？

关于这个的CSS是以下

ul.navigation {
    float: right;
    display: inline-block;
    list-style: none;
    padding: 0;
}

ul.navigation li {
    display: inline;
    margin: 0;
    padding: 0;
}

ul.navigation a {
    float: left;
    display: block;
    padding: 0 0 0 30px;
    margin-left: 30px;
    color: #d5bf3a;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    background: url(../images/templatemo_menu.png) left center no-repeat
}

ul.navigation a:hover, ul.navigation a.selected {
    color: #81a039;
}

ul.navigation a:focus {
    outline: none;
}

提前致谢

Answer 1

Google之前的标记在span标记打开之前，而您之前每次都将它放在结束标记之后。

Answer 2

很难通过查看CSS和Javascript来调试标记的内容。请注意，您可以将a或h1标记设置为无法访问可点击区域的位置。我会开始检查盒子模型，看看是否是这种情况。

同时考虑到您可能意外地绑定了一次点击，即使是阻止了默认行为。

Answer 3

谢谢你们的帮助。

我终于找到了它，它不是html NOR css，而是一段jQuery代码......

我编辑了jQuery并解决了问题。

再次感谢你们的时间。我真的很感激。

链接不起作用

3 个答案: