2011-12-24 9 views
1

私は自分のサイトにリンクを表示するスクリプトを使用しています。デフォルトでは、非表示にするすべてのリンクにツールチップが表示されます。彼らのサポートはこう言います:CSSを使用したリンクのツールチップを隠す

すべてのリンクはCSSクラス "vglnk"です。これにより、簡単に というスタイリングができ、サイトのCSSに1つのルールが追加されます。

a.vglnk { 
    color: #F7923C; 
} 

は、私がリンク上のツールチップを隠すことになるどのようなコードを追加します:

は例えば、これは、色を変更するのでしょうか?

+0

これを試してください:a.vglnk {display:none;} – SlavaNov

+0

これは、ツールチップだけでなくリンクを完全に隠すことになります。 – Trott

+0

追加rgba(0,0,0,0); – Nonconformist

答えて

0

ツールチップはJavaScriptで処理される可能性が高いため、その実装を見て非表示にする必要があります。実際には、ツールチップをスタイルするための標準的なCSS方法はありません。

+0

ありがとうございます - それでCSSで隠すことはできません。 – user1114194

+0

実装方法によっては非表示にすることができます。例えば、ツールチップ自体が常にアンカーのクラスとは別のクラスを持つdivの場合、ツールチップクラスで 'display:none'を実行できます。しかし、実装依存です。 – Trott

+0

はいそれは隠れることができます。ツールチップでツールバーに組み込まれているfirebugやchromeを使ってツールチップのクラスを見つけます。もしあなたがurl/exampleを持っていれば、私はそれを見つけることができます – pixelass

0

HTMLを変更できますか?リンクからtitle属性を削除すると、ツールチップが削除されます。そうでない場合は、これらのリンクを表示するために使用しているスクリプトでtitleタグを削除することもできます。

デモ:http://jsfiddle.net/ThinkingStiff/X98n4/

スクリプト:

var links = document.getElementsByTagName('a'); 

for(var index = 0; index < links.length; index++) { 
    links[index].removeAttribute('title'); 
}; 

HTML:リンクされています:アクティブ:スタイリングのために訪問したホバーあなただけ行うことができ、すべての

<a href="http://thinkingstiff.com" title="tooltip">thinkingstiff.com</a> 
<a href="http://thinkingstiff.com" title="tooltip">thinkingstiff.com</a> 
0

ファースト一度にすべてのハイパーリンク。私はいくつかのハイパーリンクが異なっていなければ、利点はありません。それらの少数のために、例えばdivの名前を使うことができます。

ツールチップを非表示にするには、ハイパーリンクの仕組みを理解する必要があります。

すべてのハイパーリンクにはタイトルがあります。ほとんどのタイトルは、ハイパーリンクのタイトル(rssの場合)で自動入力されます。私はまたあなたがここでRSSについて話していることを想起します。 ただし、ヒントをハイパーリンクに追加して空白のままにするとツールヒントが消えてしまいます。

タイトル= ""と良いです。

succes。

+0

a href = "http://www.google.nl/" title = "">例 – Stef

+0

私はこれについて考えています。何が起こるか試してみることもできます。 a:タイトル{ ディスプレイ:なし; } でも、私はそれを試していないし、今は時間がありません。 そのようにすれば、cssにいくつかの行を追加するだけで、すべてのハイパーリンクを変更する必要はありません(リンクを作るループがない限り)。 – Stef

関連する問題