2010-12-21 9 views
0

こんにちは
は、私はそのようなコードがあるとします。jQueryの - 非表示リンク/「」要素のテキストIE

<a style="background: url(button.jpg);" herf="#">test</a> 

このコードは、クローム/ FFでは、ボタン画像とのリンクが表示されますテキスト "test"は表示されませんが、IEでは表示されます。

私はtext-indent:-999pxを使って "test"というテキストを隠そうとしていますが、うまくいきませんでした。 http://schleichermann.wordpress.com/2009/02/25/css-hide-link-text-let-your-images-shine-through/

おかげさま

+1

私は上記のHTMLフラグメントを試みたが、それはすべてのブラウザでテキストを表示 - クローム/ FF/IEを。私もあなたが 'herf'を使用していることに気づいた - 私は誤植があなたのコードにもないことを願っています。 – anirvan

答えて

1

を非表示にするには:

$("a").contents().hide(); 
+0

アイデアありがとう、あなたのコードが動作します –

+0

私はあなたがタグの内容を選択することができませんでした。 +1 – Mike

+0

FF 3.6、IE8、Chrome 8の主要ブラウザではこれを動作させることができません。どうしたのですか? http://jsbin.com/ifedo3 – Kobi

0

使用CSSのatributes要素のjQueryを使用して

display:none; visibility:hidden; 
+0

提案していただきありがとうございますが、要素 "a"を非表示にしないでelment "a"内のテキストを非表示にしたい –

+0

可視性のみを使用してみてください:hidden。表示と表示の違いは、表示でタグが非表示になり、表示が非表示になります。つまり、display:noneを使用すると、documentはvisibility:hiddenのときにaタグがないように見えますが、aタグは以前と同じ場所(幅と高さ)を占めていますが、内容はありません。 – Mike

1

UはjQueryを使ってそれを行うことができます解決策を見つけた

$('a').hide(); 

とUは、リンク表示したい場合:

$('a').show(); 
+0

'hide'は背景イメージを隠し、リンクをクリックさせません。 – Kobi

関連する問題