css - font-size 0 がまだ IE7 に表示される

Question

何らかの奇妙な理由で、font-size:0px; を設定すると、私のアンカー リンクのスタイル シートでは、IE7 は依然として非常に小さなバージョンのテキストを表示します。text-indent を使用せずに、テキストを完全に非表示にするために考慮すべきことはありますか?

アンカー自体は、CSS で背景画像を使用しています。HTMLページのアンカーリンクにあるテキストを非表示にしたいだけです。

Answer 1

visibility: hiddendisplay: none要素を非表示にする基準です。

この 2 つの違いは、visibility不透明度のように機能することです。この場合、要素は隠されますが、ページのレイアウトには影響します (たとえば、200 ピクセルの高さの要素は、要素が存在しない場合よりもその下の要素を 200 ピクセル低くします)。

display要素がまったく存在しないかのように動作します。200 ピクセルの高さの要素は、最初の要素が存在しない場合よりも 200 ピクセル下の要素を作成しません。

まとめ:
したがって、テキストを非表示にしてその場所に空白を残したい場合は、 を使用しますvisibility: hidden。テキストを非表示にして、テキストがまったく存在しないかのように動作させたい場合は、display: none

Answer 2

テキストとセット用に別のクラスを作成することをお勧めします

visibility:hidden;

そのクラスのために。