IE7 错误 - span 掩盖了链接答案

【问题标题】：IE7 bug - span is covering up linkIE7 错误 - span 掩盖了链接
【发布时间】：2012-05-25 18:56:50
【问题描述】：

下面的代码用一些可爱的css使整个div可以链接到标签。它适用于除 IE7 之外的所有浏览器（可能还有 6 个）。在 IE7 中，#go span 似乎掩盖了链接。 div 的其余部分是链接的，除了 span 元素，它的作用类似于页面的任何正常部分。我尝试更改 z-indexes，并将跨度显示为块（如您所见）。最后的手段是用一个额外的标签包裹跨度，但这太恶心了……有人有更好的解决方案吗？

.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>

【问题讨论】：

标签： css internet-explorer hyperlink html

【解决方案1】：

这是 IE 的错误 (Empty div hover event not firing in IE)

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

在http://jsfiddle.net/3m93n/1/进行演示
（透明图片来自互联网..创建一个本地版本..）

【讨论】：