0

画像を表示するときに alt 値を表示したい画像があります。

HTML:

<div id="demo">
<li><img src="images/cpu.jpg" alt="Over All CPU" /></li>
</div>

CSS:

#demo img { font:italic 100px Georgia, Times, Serif; color: #000; text-shadow: 0px 2px 4px #222; margin:10px 20px; }

altサイズを大きくすることは可能ですか？そうでない場合、表示時に画像にタイトルを付ける方法はありますか?

4

3 に答える 3

0

altサイズを大きくすることは可能ですか？

上記のように、alt のスタイルを設定する方法はありません。alt 属性には 2 つの目的があります。

  1. 画像の読み込みに失敗した場合、またはユーザーが画像をオフにしている場合は、表示されます。
  2. alt 内のテキストは JAWS などの支援技術に報告されるため、ユーザーは同等のエクスペリエンスを得ることができます。

そうでない場合、表示時に画像にタイトルを付ける方法はありますか?

単純にできませんか：

<figure>
 <img src="" alt="Over All CPU">
 <figcaption>Your title goes here, which should not be Over All CPU</figcaption>
</figure>

参照

于 2012-11-16T18:28:31.657 に答える
0

onload() イベント ハンドラーまたは onmouseover() イベント ハンドラーを使用して、任意のスタイルで画像上のテキストを表示できます。

于 2012-11-16T18:06:29.103 に答える
0

alt プロパティは image タグのプロパティであり、それ自体は要素ではありません。alt プロパティを src と同じスタイルにすることはできません

ただし、 jQuery Tooltip プラグインを使用してこの効果を得ることができます

于 2012-11-16T17:51:02.233 に答える