IE8 - 当点击链接的div内的图像时，链接不起作用

Question

在其他浏览器中，这只适用于IE8，它不是我试过的。在IE浏览器的后来，它工作正常。

我有以下代码：

CSS：

.imgcontainer { 
    display: block; 
    margin: 0 auto; 
    width: 100px; 
    height: 100px; 
} 

.imgcontainer img { 
    width: 75px; 
    height: 30px; 
} 

HTML：

<ul> 
    <li> 
    <a href="http://somelink.com"> 
     <div class="imgcontainer"> 
     <img src="img/someimage.png"> 
     </div> 
    </a> 
    </li> 
</ul> 

什么情况如下：任何周围的图像链接的作品，但只要我点击图片，链接没有回应。这就像图像放在链接的顶部。

在此先感谢您的帮助

Answer 1

我有同样的问题，最近，我的解决办法是把DIV中的链接，并指定它的宽度和高度：

.imgcontainer { 
display: block; 
position:relative; 
margin: 0 auto; 
width: 100px; 
height: 100px; 
} 

.imgcontainer a{ 
position:absolute; 
top:0; 
left:0; 
width:100px; 
height:100px; 
} 

.imgcontainer img { 
width: 75px; 
height: 30px; 
} 


<ul> 
<li> 
    <div class="imgcontainer"> 
     <a href="http://somelink.com"> 
     <img src="img/someimage.png"> 
     </a> 
    </div> 
</li> 
</ul> 

这可能不是最好的解决方案，但它已经为我工作。