0

私はこのようなハイパーリンク上にテキストを持っています:

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

ただし、ユーザーはテキスト領域をクリックできません。同じリンク先URLを使用してテキストを新しいハイパーリンクにすることができることはわかっていますが、テキストを「クリックに対して透過的」にするより良い方法はありますか?

4

2 に答える 2

1

頭に浮かぶ最初の解決策はpointer-events、テキストで使用することです-デモ

pointer-events: none;

ただし、これはIEとOperaではまだサポートされていません(まあ、サポートされていますが、SVGでのみサポートされています)。

于 2012-07-19T13:37:27.630 に答える
1

次のような構造の場合:

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

divアンカーを追加せずにクリック可能にしたい場合は、次を使用できます。

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

HTML5では<a>-tags内のブロック要素が許可されているため、これは完全に有効です。

asp.netを使用したことがないため、これをaspステートメントに移植するだけで済みます。:)

于 2012-07-19T14:52:40.333 に答える