ie7 - 显示链接，因为图像不起作用

我有标签，并在一边我有图像。理念的ID，当你点击图片，它把你带到链接标签包含ie7 - 显示链接，因为图像不起作用

<a href="gallery/"> 
    <div class="gal_thumb"> 
     <div class="img_thumb"> 
      <img src="image/small.jpg" alt="link_image"/> 
     </div> 

     <div class="gal_title">To gallery</div> 
    </div> 
</a>

正常工作在所有浏览器，但不能在IE7 IE7：当我掀掉的图像，它显示在底部的链接左角的链接，机器人当我点击它不响应，直到我点击外部或标题。

UPDATE：这里是我的CSS

.gal_thumb { 
    float: left; 
    width: 156px; 
} 

.img_thumb { 
    float: left; 
    height: 122px; 
    margin-bottom: 5px; 
    margin-left: 9px; 
    position: relative; 
    width: 147px; 
    background-color: rgba(0, 0, 0, 0.5); 
    border-radius: 3px; 
    line-height: 120px; 
    text-align: center; 
} 

.img_thumb:hover{ 
    background: #6E6E6E; 
} 

.gal_title { 
    margin-left: 9px; 
    text-align: center; 
    width: 147px; 
    padding-bottom: 10px; 
}

来源

2012-05-17 aainaarz

也许你的CSS正在这样做。你也应该展示它。 –

请显示截图。 –

你最好不要使用这种模式：

<a href="gallery/"> 
    <img width="20" height="20" border="1" src="image/small.jpg" alt="link_image"/> 
    <div class="gal_title">To gallery</div> 
</a>

然后用display:block，float:left，并定义一个宽度为A - 标签。

来源

2012-05-17 14:52:38

ie7 - 显示链接，因为图像不起作用

回答

相关问题