Question

以下代码使整个div可链接到＆lt; a＆gt;标签内有一些可爱的CSS。它适用于所有浏览器，但IE7（可能是6）。在IE7中，＃go span似乎掩盖了链接。除了span元素之外，div的其余部分是链接的，其作用类似于页面的任何正常部分。我已经尝试更改z索引，并将跨度显示为块（如您所见）。最后的手段是用额外的＆lt; a＆gt;来包裹跨度。标签，但这只是粗略的...有没有人有更好的解决方案？

.orangebutton {
    position: relative; 
}
.orangebutton a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

<div class="orangebutton floatright" id="home-go-button4">
    <span id="go" style="display: block">Go</span>
    <a href="http://google.com"></a>
</div>

Answer 1

这是IE（Empty div hover event not firing in IE）

的错误

解决方案是为a标记设置背景，但由于您需要它是透明的，只需添加透明背景图像..

演示http://jsfiddle.net/3m93n/1/ （从互联网上链接的透明图像..创建本地版本.. ）

IE7 bug - span掩盖了链接

1 个答案: