html - div タグ内の背景画像にタイトル属性を提供するには

Question

div タグの背景画像として表示される画像にタイトル属性を追加するソリューションはありますか。現在のコードは次のようになります

<div style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;">

背景画像smiley.jpgにタイトル属性「Smiley」をつけたいです。

Answer 1

titleに属性を付けることができますdiv。はbackground-imageデフォルトで繰り返されるため、div.

<div title="Smiley" style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;">

しかし、イメージが に設定されていて、イメージ自体no-repeatよりも小さかったと仮定してください。divその場合、(JavaScript を使用しないと) カーソルが の上にある場合にのみツールチップを表示できませんでしたbackground-image。

Answer 2

alt テキストを div 内に追加し、text-indent を -9999px のような負の値に設定することをお勧めします。この方法では、Google はコピーを読み取ることができますが、ブラウザで表示すると、テキストはページから移動されます。