2011-02-09 48 views
0

我有一個包含圖像和標題的div「imgbox」和包含一些文本的div「文本框」的錨點元素。Img在浮動容器中無法在資源管理器中點擊

現在當我浮動div.imgbox時,裏面的img元素不再可點擊;標題和div.textbox中的文本是。這隻發生在Internet Explorer中;所有其他瀏覽器都可以正常工作。

有誰知道這是什麼原因造成的(以及如何解決它)?謝謝!

這裏的CSS和HTML我使用:

<style> 
    .wrap a { 
     display: block; 
     overflow: hidden;/* makes this a wrap around floats */ 
     cursor: pointer; 
    } 
    .imgbox { 
     float: left; 
    } 
    .textbox { 
     overflow: hidden;/* positions the div next to the float */ 
    } 
</style> 

<div class="wrap"> 
    <a href="#"> 
     <div class="imgbox"> 
      <img src="http://jaron.nl/misc/dummy.gif" width="80" height="45" alt="" /> 
      caption text is clickable 
     </div> 
     <div class="textbox"> 
      some text here 
     </div> 
    </a> 
</div> 

回答

0

您正在使用的div塊元素在IMG和鏈接標籤之間。

+0

感謝您的快速響應。不幸的是,將div更改爲跨度並沒有什麼區別......另外,據我所知,將塊級元素放在錨點內不應該影響任何內容,它只是在html4中無效(但它在html5中) – 2011-02-09 13:58:49

相關問題