写真は背景として機能し、リンクを書く方法です。たとえば、ウェブサイトのロゴ画像。例:ポテトロゴの写真
<タイトル= tutou.com tudou.com誰もが人生のディレクターですhref = https://www.vevb.com> tutou.com </a>
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-Indentのため、Tudou.comの3つの単語は表示されません。タイトル属性は、マウスが指すテキストです。
<a> <span>リンク背景画像は、<a>リンクはインライン要素であり、AタグCSSの幅の高さ属性に対して無効であるため、通常の状況では完全に表示されません。
改善方法は、:ブロックを表示することです。またはディスプレイ:CSSのインラインブロック。そして、幅と高さを設定します。