2012-05-25 36 views
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> 

回答