2

我无法让这个链接在我的一生中都可以点击。当我把它放在'lb' div 之外时，它会起作用。我已经应用了 z-index 值，它并没有改变任何东西。我要扯掉我的头发了。请帮忙。

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

CSS

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

2 回答 2

1

尝试取消它的顶部样式 - 仅使用您发布的代码很难分辨，但它可能会将其推出 div，这意味着其他东西（即透明的）正在覆盖它并拦截点击。

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

于 2012-10-27T11:29:08.617 回答
0

请试一试：

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

于 2012-10-27T11:39:39.207 回答