3

CSS を使用して a href をクリックできないようにするコードがここにあります。

<div id="header" 
     style="background: url(/uploads/header/derivativesheader.gif)" 
     class="header-link">
  <h1 id="logo" class="notext">
    <a href="/">Title</a>
  </h1> 
</div>

ハードコーディングされた href タグを削除することはできませんが、CSS ハックを使用してアクションを上書きできるかどうかを知りたいです。

4

5 に答える 5

9

プロパティでクリックイベントを禁止できpointer-eventsます: http://jsfiddle.net/NnEXn/

于 2012-06-11T15:50:10.510 に答える
2 
<a href="/" class="hide">

.hide {
   visibility: hidden;
}

これにより、クリック可能なアクションが妨げられます

于 2012-09-26T18:17:58.003 に答える
2

いいえを削除します。はい、非表示にします。

#logo a { 
    display: none;
}

ただし、アンカーの内部コンテンツ (つまりTitle )も非表示になるため、これはおそらく望ましい結果ではありません。そのため、JavaScript ソリューションの方が適している場合があります。しかし、質問に答えると、これはCSS のみを使用する方法です。

于 2012-06-11T15:46:34.677 に答える
1

これは可能だとは思いません (純粋な CSS)。私が知っているリンクをクリックできないようにする唯一の方法は、リンクの上に別の要素を配置し (zindex、依然として純粋な CSS)、リンクではなく上位の要素がクリックされるように透明にすることです。

于 2012-06-11T15:46:57.290 に答える
0

おそらくこれを行うことはできません (ハードコーディングされたタグを削除できないと言ったように) が、要素を DOM に追加できる場合は、href なしで重複リンクを追加し、もう一方を「display:none」に設定するだけです。これにより、ページの流れとリンクの視覚的なレンダリングが維持されます。

于 2012-09-27T12:06:28.397 に答える