CSS滾動工作但鏈接不是

我一直在使用div構建我的第一個CSS網站，並且遇到按鈕問題。雖然我可以讓按鈕在翻滾過程中工作，但鏈接不響應。有人可以請指教。謝謝。CSS滾動工作但鏈接不是

HTML：

<div class="wrapArrow"> 

<div class="arrow" style="cursor: pointer;"><a href="../index.html" title="home" target="_self"><span>home</span></a></div> 

</div><!-- END wrapArrow -->

CSS：

.wrapArrow { 
margin: 70px 0 0 0; 
padding: 0; 
width: 20px; 
height: 20px; 
float: right; 
} 


.arrow { 
display: block; 
width: 20px; 
height: 20px; 
background-image: url(../images/nav/arrows.gif); 
background-repeat: no-repeat; 

} 


.arrow:hover { 
    background-position: 0 -20px; } 


.arrow span { 
display: none; }

來源

2012-03-22 user862307

由於您的<span>不顯示，你的鏈接沒有任何內容，所以它被坍塌的寬度和高度爲0，從而使其無法點擊。

爲什麼不讓錨點本身具有arrow類？

<div class="wrapArrow"> 

<a href="../index.html" title="home" target="_self" class="arrow" style="cursor: pointer;"><span>home</span></a> 

</div><!-- END wrapArrow -->

來源

2012-03-22 03:23:07 animuson

謝謝。這有點奇怪，但是我第一次點擊就有效。然後，當我點擊回來嘗試再次不起作用。爲什麼會發生？ – user862307 2012-03-22 12:00:16

我仍試圖解決這個問題，並將非常感謝一些幫助解決問題。如前所述，我嘗試了上面的建議，但沒有取得全面成功。儘管點擊現在可以在第一次加載頁面時運行，但如果我返回到頁面，則不起作用。翻轉效果完美運行，這是導致問題的點擊。爲什麼會發生這種情況，我該如何解決？謝謝您的幫助。 – user862307 2012-03-27 20:54:39

@ user862307：當你說點擊：你點擊鏈接，然後是什麼;使用後退箭頭返回上一頁？我想不出任何會導致鏈接在返回頁面時變得無法點擊的事情。 – animuson 2012-03-27 20:59:22

它看起來像你需要擺脫

.arrow span { 
    display: none; 
}

是否有需要存在的原因嗎？如果顯示設置爲無，您將隱藏鏈接工作所必需的可點擊元素。

來源

2012-03-22 03:21:04 knock

這沒有奏效。沒有跨度，文本會出現在背景圖像上。該文本作爲鏈接工作，但我不想看到它。 – user862307 2012-03-22 12:01:43

.arrow a是0 x 0 px

使得它真的很難點擊。相信我，我嘗試過。

嘗試：

 .arrow a { 
      width: 100%; 
      height: 100%; 
      display: block; 
     }

來源

2012-03-22 03:21:35 max

謝謝。這也像上面的答案一樣工作。我第一次點擊工作。然後，當我點擊回來嘗試再次不起作用。很奇怪。 – user862307 2012-03-22 12:02:24

CSS滾動工作但鏈接不是

回答

相關問題