英雄链接是不可点击的（不工作）

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; 
}