英雄鏈接是不可點擊的（不工作）

Question

我在一個網站的基本HTML模型的中間，我添加了一個可點擊的按鈕鏈接到英雄區域....當我將鼠標放在按鈕上，我的鼠標不會更改爲手或其他任何東西，也不是可點擊的。但是我能夠引用CSS中的標籤。幫幫我！笑

<div id="hero"> 
      <div id="herolink"> 
       <div class="holder"> 
        <p>FRIENDS THAT TRAVEL TOGETHER STAY TOGETHER</p> 
        <a href="www.google.com" class="link">THE LINK</a> 
       </div> 

      </div> 
    </div> 

還徘徊的CSS一部分沒有響應：

a.link { 
    border-style: solid; 
    border-width: 2px; 
    text-decoration: none; 
    color: white; 
    padding: 3px; 
    padding-left: 93px; 
    padding-right: 111px; 
} 



a.link:hover { 
    background-color: orange; 
} 

Answer 1

我能看到的是一個z-index問題在這裏。使<a>relative LY定位，並把它上面：

a.link { 
    border-style: solid; 
    border-width: 2px; 
    text-decoration: none; 
    color: white; 
    padding: 3px; 
    padding-left: 93px; 
    padding-right: 111px; 
    position: relative; 
    z-index: 100000; 
}