文本問題的HTML鏈接

我需要在整個div上添加一個鏈接，其中包含更多div s。看起來是這樣的：文本問題的HTML鏈接

div.top 
{ 
    width: 150px; 
    height: 150px; 
    position: relative; 
} 

a.link 
{ 
    width: 150px; 
    height: 150px; 
    position: absolute; 
    top: 0; 
} 

<div class="top"> 
    <div class="text1">Text 1</div> 
    <div class="text2">Text 2</div> 

    <a class="link" href="http://something"></a> 
</div>

所以我把一個鏈接中，並使其頂部div的大小。 Everythign在Firefox，Safari和Chrome中運行良好。在IE和Opera中，無論何時我將鼠標光標懸停在該區域上方，而且還懸停在文本上，光標都將變爲選擇光標，而不是手（即沒有鏈接）。無論何時將光標移出文本，鏈接都可以再次使用。

如何使鏈接「覆蓋」文本？我試圖添加z-index：

div.top 
{ 
    z-index: 0; 
} 

a.link 
{ 
    z-index: 1; 
}

沒有幫助。

任何想法？

來源

2010-05-04 user50855

span.text1 
{ 
    float: left; 
} 
span.text2 
{ 
    clear: left; 
    float: left; 
} 
a.link 
{  
} 


<a class="link" href="http://something"> 
    <span class="text1">Text 1</span> 
    <span class="text2">Text 2</span> 
</a>

來源

2010-05-04 08:07:24

EWWW，一對夫婦的事情，我會建議：

使用腳本來改變鼠標向上（不是點擊，這是煩人）的頁面，並設置外師具有指針光標（注意：不是手）。
裹一切都在錨和使用跨越裏面用文字做不同的事情（記住你不是應該有一個錨點塊級元素）。

你在做什麼將永遠不會在所有瀏覽器的工作相同。

來源

2010-05-04 07:54:18 animuson

我建議，你最好把帶有js的頂級div元素放在onclick事件上，這會讓你在需要的地方重定向。你也可以改變鼠標光標與CSS。

<div style="cursor:pointer;cursor:hand" class="top" onclick="location.href='http://something'"> 
    <div class="text1">Text 1</div> 
    <div class="text2">Text 2</div> 
</div>

來源

2010-05-04 08:15:40

文本問題的HTML鏈接

回答

相關問題