asp.net - 如何在超链接上添加文本，同时保持文本区域的“可点击性”？

Question

我在这样的超链接上有文字：

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

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

Answer 1

想到的第一个解决方案是pointer-events在文字上使用——demo

pointer-events: none;

但是，IE 和 Opera 尚不支持此功能（嗯，它支持，但仅适用于 SVG）。

Answer 2

当你有这样的结构时：

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

并且希望在div不添加额外锚点的情况下也可以点击，您可以使用它：

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

由于 HTML5 允许在<a>-tags 中使用块元素，因此这是完全有效的。

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