1. 程式人生 > >圖片作為背景並且是鏈接的寫法(背景圖片加鏈接)

圖片作為背景並且是鏈接的寫法(背景圖片加鏈接)

span 方法 http img spl ack 文本 生活 指向

圖片作為背景,並且是鏈接的寫法。例如網站的logo圖片。例如:土豆的logo圖片

<a title="土豆網 tudou.com 每個人都是生活的導演" href="http://www.jb51.net">土豆網</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的原因土豆網三個字是不會顯示的。title屬性是鼠標指向會顯示的文本。
<a><span>鏈接背景圖片,在正常情況下是顯示不全的,因為<a>鏈接是行內元素,並且對於a標簽css中width height屬性失效。

改進方法,就是css中display:block;或者display:inline-block;然後設置width和height。

圖片作為背景並且是鏈接的寫法(背景圖片加鏈接)