Html Div内链接不可链接-已应用Z索引-无更改

我一辈子都无法点击这个链接。当我把它带到'lb'div之外时，它会起作用。我已经应用了z索引值，它不会改变任何东西。我要把头发扯下来。请帮忙

<div id="lb">         
  <div id="cntct">  
        <div id="map">
        <a href="http://goo.gl/maps/aoYyJ" style="position:relative; left:-5px; top:25px; z-index:250;">This is a link</a>

        </div>                 
  </div>
</div>

试着去掉顶部样式-仅用您发布的代码很难说，但它可能会将其推出div，这意味着其他东西（透明的）正在覆盖它，并拦截单击

如果您使用的是firefox/chrome/etc，您可以尝试右键单击该链接，并检查元素（或类似命令）-应打开DOM浏览器，并选中您单击的元素。如果未在DOM中选择链接（即选择了其他元素），则该元素位于链接顶部，拦截单击…

请尝试：

---

删除#lb和#cntct的z-index属性

移除top并没有改变任何东西，但是我在内容周围有一个包装器，这就是检查元素时显示的内容。（太晚了，我没有处理这个问题。）我试着应用z-index:-99；而包装仍保留在内容的顶部。它为什么这么做，天哪。修好了。”lb'div只需要提前。我认为，通过将其发送到更远的地方，并使嵌入的div更靠近前端，可以使这些div中的内容可供交互使用。

#lb 
{
    position:relative;
    top:-50px;
    z-index:-20;
    background-image:url(../src/images/Lbkg.jpg);
    background-repeat:no-repeat;
    height:650px;
    overflow:auto;
}

#cntct 
{
    position:relative;
    top:70px;
    background-image: url(../src/images/cntct.png);
    background-repeat:no-repeat;
    background-position:center;
    height:400px;
    width:1000px;
    margin:auto;
    z-index:-10;
}   

#map 
{
    position:relative;
    top:45px;
    left:50px;
    width:600px;
    height:400;
    z-index:5;
}