【问题标题】:Links aren't linking链接没有链接
【发布时间】:2014-03-05 01:02:38
【问题描述】:

当我点击我的链接时,它们不会去任何地方;我点击了“关于我们”,什么也没有。我查看了 Lucas Green 对 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;
}

【问题讨论】:

    标签: hyperlink


    【解决方案1】:

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

    body {
        background-color: #999999;
    }
    

    所以你的菜单是可见的。

    【讨论】:

    • 谢谢沃尔坎。我会根据您的提示进行修改并通知您。
    • 再次感谢。我删除了_blank,同样的问题。我关闭了弹出窗口阻止程序,没有运气。我会坚持下去的。顺便说一句,我在 Mtn 上使用 Safari 6.1。狮子。这也发生在 Firefox 上。
    猜你喜欢
    • 2014-06-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-16
    • 1970-01-01
    • 1970-01-01
    • 2018-08-07
    • 2016-03-15
    • 2013-08-27
    相关资源
    最近更新 更多