CSS - IE 中的标签宽度和高度

Question

我有以下代码，它在 IE 以外的所有浏览器中都可以正常工作。

<div class="hovertest">
    <img src="myimage.jpg" width="200" height="100" alt="myimage" />
    <a href="link.html">&nbsp;</a>
</div>
<br /><br />
<div class="test">test2</div>

j查询:

$("a").hover( function () {
    $(".test").fadeOut();
}); 

CSS:

div {
    width:200px;
    height:100px;
    background-color:#B22;
    position:relative;
}

a {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    text-decoration:none;
}

a 标签未跨越 div 的 100% 宽度和高度。奇怪的是，通过从 div 中删除图像并只在其中添加 a 标签，它在包括 IE 在内的所有浏览器中都可以正常工作。

有谁知道当 div 中有图像时 a 标签会发生什么？

Answer 1

使用display:block 和left:0;右:0；顶部:0； bottom:0 表示 100% 宽度和高度。看这个http://jsfiddle.net/fliptheweb/RESTy/