文本问题的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链接

回答

相关问题