鏈接不鏈接

當我點擊我的鏈接時，他們不會去任何地方;我點擊了「關於我們」，什麼都沒有。我看着盧卡斯格林對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; 
}

來源

2014-03-04 user2847948

它大概瀏覽器的彈出窗口攔截防止_blank鏈接打開一個新的彈出窗口。看看頂部（對於Firefox和鉻）或底部（對於IE）的通知，以允許彈出。橙色懸停鏈接按預期工作。檢查這個JSFiddle我加了這一點：

body { 
    background-color: #999999; 
}

所以你的菜單是可見的。

來源

2014-03-04 16:57:17

謝謝你Volkan。我會用你的提示進行修改，並讓你知道。 – user2847948

再次感謝。我刪除了_blank，同樣的問題。我關閉彈出式窗口攔截器，沒有運氣。我會保留它的。順便說一下，我在Mtn上使用Safari 6.1。獅子。這也發生在Firefox上。 – user2847948

回答

相關問題