0

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

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

1 回答 1

2

这是 IE 的错误（空 div 悬停事件未在 IE 中触发）

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

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

于 2012-05-25T19:23:21.190 回答