如何通過超鏈接添加文本，同時保持文本區域的「可點擊性」？

我有過這樣的超鏈接文本：如何通過超鏈接添加文本，同時保持文本區域的「可點擊性」？

<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

如何通過超鏈接添加文本，同時保持文本區域的「可點擊性」？

回答

相關問題