CSSを使用してリンクを無効にするタイトルを有効にする

CSSを使用してリンクを有効にしたいが、それでもタイトルを有効にする。ここに私のコードは次のとおりです。CSSを使用してリンクを無効にするタイトルを有効にする

CSSとHTMLコード：リンクに私のマウスをホバリングするとき

.disabledLink { 
 
    pointer-events: none; 
 
    opacity: 0.6; 
 
    cursor: default; 
 
}

<a href="www.google.com" class="disableLink" title="My Title" /> 
 
    <span datahover="test">My Link</span> 
 
</a>

残念ながら、タイトルが表示されていません。タイトルを有効にするより良い方法はありますか？

あなたはそのリンクのタイトルをお持ちですか？ –

あなたが単にホバーテキストを表示したいのであれば、何を達成しようとしていますか？title属性は十分でなければなりません.... – RohitS

** Javascript ** - link ... * "ポインタイベントの使用：none;は完全ではありません。また、title =" ... "やツールチップの表示に必要なホバーなどの他のイベントも無効にします。（ 'event.preventDefault（）'; "を使用）* –

.disabled-link { 
 
    pointer-events: none; 
 
}

<span datahover="test" title="My Title"><a href="www.google.com" class="disabled-link">My Link</a></span>

が

このにあなたのマークアップを変更します。それが動作します。 <a>タグをターゲティングする代わりに、titleのスパンをターゲットにします。それが役に立てば幸い。

2016-10-06 09:48:02

これはかなりうまくいきます！手伝ってくれてありがとう！ –

あなたはこのように、リンクタグ内にあなたのspanタグを置く必要があります。

<a href="www.google.com" class="" title="My Title"> <span datahover="test">My Link</span> </a>

2016-10-06 09:45:31

' 'ポインタイベント'リンク全体のために？そして、それは**まさに** OPは**すでに**行っています。 –

答えて