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> 

這可能不是最好的解決方案，但它已經爲我工作。