Question

当我点击我的链接时，他们不会去任何地方;我点击了“关于我们”，没有。我看了卢卡斯格林对anc1revv的回答，但我还在画一个空白。我很欣赏任何想法。当我悬停时，链接也不会变黄。我知道这是次要的。对不起，我的意思是当我悬停时变成橙色。谢谢

<body>

<div id="container">
        <div id="header">
           <img class="logo" src="images/green-light.jpg" alt="Green Light Data Technologies" />
           <img class="header-star-left" src="images/arrow2.jpg" alt="All Systems Go" />
           <img class="header-star-rt" src="images/arrow2.jpg" alt="All Systems Go" />
           <h1>Green Light Data Technologies</h1>
           <h2>Keeping All Systems GO!</h2>
        </div><!--/#header-->

        <div id="nav">
            <ul>
                <li><a href="index.html" target="_blank">Home</a></li>
                <li><a href="aboutus.html" target="_blank">About Us</a></li>
                <li><a href="#">Products</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </div><!--/#nav-->

        <div id="content-home">
            <h1>Welcome to Green Light Data Technologies!</h1>
            <p>Thank you for visiting our site. Here you will find the latest cabling products, accessories and expert advise on their use. Our employees are well trained, product knowledgeable and are pleased to assist you.
            Our website is designed to be easy to navigate and easy to learn more about Green Light product lines that may be of interest to you.
            We are committed to supplying excellent electronic components that will meet your needs and to the development of unique future electronic components that will open new vistas in electronics. We actively pursue the improvement of existing products, the strengthening of newly developed products.</p>
        </div><!--/#content-->

</div><!--/#container-->

</body>
</html>

/* MAIN NAVIGATION
----------------------------------- */
#nav { 
    float: left;
    width: 900px;
    height: 53px;
    padding: 0; 
    margin: 0;
}

#nav ul {
    list-style: none;
    padding: 0;
    margin: 205px;
    margin-left: 1em;
}

#nav ul li {
    float: left;    
    line-height: 53px; 
    padding: 0;
    margin: 0 50px 0 0;
}

#nav ul li a {
        font-family: arial, helvetica, sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        /*color: #fff;*/
        color: #fff;
    text-decoration: none;
}

#nav ul li a:hover {
    position: relative;
        bottom: -5px;
    background-color: orange;
    border-bottom: 2px dotted #fff;
}

Answer 1

它可能是您的浏览器的弹出窗口阻止程序，阻止_blank链接打开一个新的弹出窗口。查看顶部（用于firefox和chrome）或底部（用于IE）以获取允许弹出窗口的通知。橙色悬停链接按预期工作。检查这个JSFiddle我添加了这个：

body {
    background-color: #999999;
}

因此您的菜单可见。

链接没有链接

1 个答案: