Question

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

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

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

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> - 标签内的块元素，因此这完全有效。

你只需将它移植到一个asp语句中，因为我从未使用过asp.net。：）

如何在保持＆＃34;可点击性的同时在超链接上添加文本＆＃34;文本的区域？

2 个答案: