圖片作為背景，并且是鏈接的寫(xiě)法。例如網(wǎng)站的logo圖片。例如：土豆的logo圖片
<a title="土豆網(wǎng) tudou.com 每個(gè)人都是生活的導(dǎo)演" >土豆網(wǎng)</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的原因土豆網(wǎng)三個(gè)字是不會(huì)顯示的。title屬性是鼠標(biāo)指向會(huì)顯示的文本。
<a><span>鏈接背景圖片，在正常情況下是顯示不全的，因?yàn)?lt;a>鏈接是行內(nèi)元素，并且對(duì)于a標(biāo)簽css中width height屬性失效。
改進(jìn)方法，就是css中display:block;或者display:inline-block;然后設(shè)置width和height。
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄
公考類(lèi)
招聘類(lèi)
各類(lèi)考試版權(quán)所有:易賢網(wǎng)
公眾號(hào)
事業(yè)單位
當(dāng)前位置：