浮动容器中的 Img 在资源管理器中不可单击

Question

我有一个锚元素，其中有一个包含图像和标题的 div“imgbox”，以及一个包含一些文本的 div“textbox”。

现在，当我浮动 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>

Answer 1

您在 img 和 link tag 之间的 div 中使用了 Block 元素。