0
下面的代碼使整個div可鏈接到<a>標籤內部帶有一些可愛的CSS。它適用於所有瀏覽器,但IE7(可能是6)。在IE7中,#go跨度似乎掩蓋了鏈接。除了span元素之外,div的其餘部分都是鏈接的,span元素的作用與頁面的任何正常部分相似。我試過改變z-index,並將span顯示爲block(如你所見)。最後的解決辦法是用一個額外的<a>標籤來包裝跨度,但這只是粗略的...有沒有人有更好的解決方案?IE7 bug - 跨度覆蓋鏈接
.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>