如何通过超链接添加文本，同时保持文本区域的“可点击性”？

我有过这样的超链接文本：如何通过超链接添加文本，同时保持文本区域的“可点击性”？

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="..." NavigateUrl="..." ></asp:HyperLink> 
<div style="position: absolute; top: 50px; left: 300px">MyText</div>

但用户无法点击文本区域。我知道我可以让文本成为具有相同目标网址的新超链接，但有没有更好的方法 - 让文本“透明点击”？

来源

2012-07-19 ispiro

你可以发布此asp.net行的HTML输出？是否就像：'

'？ – insertusernamehere 2012-07-19 13:35:50

@insertusernamehere它们都包含在一个包含div。 – ispiro 2012-07-19 13:44:18

你可以简单的把它改成这个输出：'链接文本

Content

'。这也是有效的HTML5。所以也许这样（不知道asp）：'

MyText

– insertusernamehere 2012-07-19 14:05:07

当你有这样的结构：

<a href="">Link</a> 
<div>Content</div>

，并希望有div是点击，以及无需添加额外的锚，您可以使用此：

<a href=""> 
    Link 
    <div> 
     Content 
    </div> 
</a>

随着HTML5允许在<a> - 标记内的块元素是完全有效的。

您只需将其移植到一个asp语句中，因为我从未使用过asp.net。 :)

来源

2012-07-19 14:52:40 insertusernamehere

，想到的第一个解决方案是在文本中使用pointer-events - demo

pointer-events: none;

然而，这还不是由IE浏览器和Opera（当然，它是，但仅限于SVG）的支持。

来源

2012-07-19 13:37:27 Ana

非常感谢。 – ispiro 2012-07-19 13:45:56

如何通过超链接添加文本，同时保持文本区域的“可点击性”？

回答

相关问题