Css 图像上的锚链

有一个图像上有两个锚链接。单击图像上的任意位置将打开覆盖以显示完整大小的图像。点击按钮将打开facebook/twitter共享对话框

这里发生的事情是，当点击按钮时，对话框和覆盖都会打开。如何在单击锚链接时阻止覆盖显示

HTML:

<li style="display: block; opacity: 1;">
  <a href="#">
    <div class="thumbPan">
      <img src="#" class="gallThumb">          
    </div>
  </a>
  <div class="share_buttons">
      <a class="fshare" href="#" onclick="window.open(this.href, '',''); return false;"></a>
      <a class="tshare" href="#" onclick="window.open(this.href, '',''); return false;"></a>
  </div>
</li>

.share_buttons { position:absolute;}
.fshare, .tshare { float:left; display:block;background-repeat:no-repeat; 
                   background-position:left top; }
.fshare { background-image:url(../images/fshare.png);}
.tshare { background-image:url(../images/tshare.png); }
.thumbPan{ position:relative;}
.gallThumb{ width:100%; max-width:302px; height:auto;}

---

我试过设置。将按钮共享为块，但不起作用。

不确定，但试着像这样在img tag insted div周围使用锚定标记

<div class="thumbPan"> <a href="#"> <img src="#" class="gallThumb"/> </a> <span class="gallType video"></span> </div> 

在小图像和

z-index:1;

---

在主图像中。

您可以制作小提琴或添加SO片段吗？看起来像是一个z索引问题。但是除非我在玩它，否则我说不出来。你如何打开覆盖？嗯…也许当点击

li

时覆盖会打开？它会用一些自定义javascriptTry打开，尝试增加这些按钮的z索引..尝试更改拇指平移和共享按钮的位置。交换这两个按钮的位置。共享按钮{position:relative；}和.thumbpan{position:absolute；}。这把整个图像网格搞砸了…：）

z-index:1;