-1

たとえば、CSSでテキストを非表示にしようとすることがよくあります。

<a class="back">back</a>    
a.back { text-indent: -9999px; display:block; width: 100px; height: 50px; background: url(/images/back.png); }

私はいつもなぜ使用しないのか疑問に思います：

a.back { color: transparent; display:block; width: 100px; height: 50px; background: url(/images/back.png); }

私には意味的に正しいように思えます。さらに、テキストインデントアプローチを試したところ、iPadの表示にバグが発生しました。テキストがアンカータグの左に99999px表示され、奇妙な不要な水平スクロールが発生しました。2番目のコードに一般的な既知の問題がありますか、それとも使用しても問題ありませんか？

4

3 に答える 3

0

font-size: 0px;トリックを行う必要があります。ボタンをテキストより小さくしたい場合は、追加する必要がありますline-height: 1em;。

于 2012-12-12T15:07:54.883 に答える
0

displayプロパティを使用すると、C＃で要素の状態を編集できます。

人々が使用する4つの主な表示要素は次のとおりです。

p.ex1 {display: none;}
p.ex2 {display: inline;}
p.ex3 {display: block;}
p.ex4 {display: inline-block;}

display：noneは、問題のタグがページにまったく表示されないことを意味します（ただし、domを介してタグを操作することはできます）。他のタグの間にスペースは割り当てられません。可視性：非表示とは、 display：noneとは異なり、タグは表示されませんが、ページ上でタグにスペースが割り当てられることを意味します

しかし、それらについてもっと知りたい場合は、次のサイトにアクセスできます：https ://www.w3schools.com/cssref/pr_class_display.asp

w3schoolsは、多くの言語をシンプルでわかりやすい方法で説明しています。

于 2021-05-20T14:03:42.443 に答える
-3

コンテンツを非表示にせず、背景画像にまったく依存しないでください。

<img>HTMLは、画像を表示できない状況（alt属性）のテキストコンテンツに意味のある画像（要素）を含める方法を提供します。スタイルシートで偽造する必要はありません。

<a class="back"><img alt="back" src="/images/back.png"></a>

アイコンはコンテンツであり、そのように扱われるに値します。テキストと背景画像を使用するためのすべての努力は、最終的には制限付きのハックです。この<img>要素は、このユースケース向けに設計されました。

于 2012-12-12T15:13:20.493 に答える