Anchor不能在div中工作

<style type="text/css"> 
.xyz { 
    position: absolute; 
    top: 100px; 
    left: 140px; 
    z-index: -1; 
} 

#container { 
    position: relative; 
    overflow: hidden; 
    opacity: .2; 
} 
</style> 

<body> 
    <div> 
     <video id="container" autoplay loop muted> 
      <source src="<%=request.getContextPath()%>/Files/images/sample.mp4" type="video/mp4"> 
     </video> 

     <div class="xyz"> 
      <a href="<%=request.getContextPath() %>/Files/jsp/Home.jsp"> 
       <img src="<%=request.getContextPath() %>/Files/images/play.png" height="50" width="50" 
        onmouseover="this.src='<%=request.getContextPath()%>/Files/images/Koala.jpg'"> 
      </a> 
     </div> 
    </div> 
</body>

此處的錨標記不起作用。圖像play.png應該在鼠標移到Koala.jpg上時，應該顯示Home.jsp。但是代碼在沒有div的情況下工作。在div中使用錨既不使用鼠標懸停更改圖像，也不鏈接到Home.jsp。Anchor不能在div中工作

來源

2015-02-10 Shashank V C

+11

我覺得你的錨是一個元素的下方，使得它無法點擊，因爲'的z-index：-1' - [可能重複（http://stackoverflow.com/questions/4537789/unclickable -anchor-tag） – 2015-02-10 13:09:34

只需從CSS中刪除z-index即可。更改代碼：

.xyz { 
    position: absolute; 
    top: 100px; 
    left: 140px; 
}

來源

2015-02-10 14:12:30

是的，它的工作..非常感謝:-) :-) – 2015-02-12 06:47:36

謝謝。請upvote並打勾答案。快樂的編碼！ – 2015-02-12 07:49:52

Anchor不能在div中工作

回答

相關問題