html css：背景圖片連接css寫法

圖片做爲背景，而且是連接的寫法。例如網站的logo圖片。例如：土豆的logo圖片

<a title="土豆網 tudou.com 每一個人都是生活的導演" href="http://www.tudou.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的緣由土豆網三個字是不會顯示的。title屬性是鼠標指向會顯示的文本。

<a><span>連接背景圖片，在正常狀況下是顯示不全的，由於<a>連接是行內元素，而且對於a標籤css中width height屬性失效。

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