背景とリンクとして画像を書き込む方法（背景画像＋リンク）

写真を背景にしてリンクを記載します。たとえば、ウェブサイトのロゴ画像などです。例: ポテトのロゴ画像

<a title="Tudou.com 誰もが人生の監督者" href="https://www.jb51.net">Tudou.com</a>

{display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}
zインデントのため、「Tudou.com」という3つの単語は表示されません。 title 属性は、マウスをポイントしたときに表示されるテキストです。
<a> リンクはインライン要素であり、a タグ CSS の幅と高さの属性が無効であるため、通常の状況では <a><span> リンクの背景画像は完全には表示されません。

改善方法は、CSS で display:block; または display:inline-block; を使用して、幅と高さを設定することです。