รูปภาพใช้เป็นพื้นหลังและเขียนเป็นลิงค์ (ลิงค์รูปภาพพื้นหลัง)

รูปภาพทำหน้าที่เป็นพื้นหลังและเป็นวิธีการเขียนลิงก์ ตัวอย่างเช่นภาพโลโก้ของเว็บไซต์ ตัวอย่างเช่นภาพโลโก้มันฝรั่ง

<a title = tutou.com tudou.com ทุกคนเป็นผู้อำนวยการของ Life href = https: //www.vevb.com> tutou.com </a>

A {display: block; width: 170px; ความสูง: 42px; text-indent: -9999px; พื้นหลัง: url (/skin/__ g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}}

เนื่องจาก z-indent สามคำ tudou.com จะไม่ปรากฏ แอตทริบิวต์ชื่อเรื่องคือข้อความที่เมาส์ชี้ไปที่

<a> <span> ภาพพื้นหลังลิงก์ไม่ปรากฏขึ้นอย่างสมบูรณ์ภายใต้สถานการณ์ปกติเนื่องจาก <a> ลิงก์เป็นองค์ประกอบอินไลน์และไม่ถูกต้องสำหรับแอตทริบิวต์ความสูงความกว้างในแท็ก CSS

วิธีการปรับปรุงคือการแสดง: บล็อก; หรือแสดง: Inline-block ใน CSS; จากนั้นตั้งค่าความกว้างและความสูง