背景圖不起作用 給a標(biāo)簽背景顯示不出來(lái)
慕粉1471063963
2016-09-13 21:55:02
1 回答
小白師兄
TA貢獻(xiàn)55條經(jīng)驗(yàn) 獲得超37個(gè)贊
第一:你先確定圖片路徑是否出問(wèn)題.
第二:如果路徑?jīng)]問(wèn)題,請(qǐng)確保存放背景的容器有寬高度.你可以給容器加一個(gè)邊框看看容器的高度!
第三:a標(biāo)簽要想顯示背景,必須要把a(bǔ)標(biāo)簽轉(zhuǎn)成塊級(jí)元素,(默認(rèn)是行內(nèi)元素)并且,要給轉(zhuǎn)成塊級(jí)元素的a標(biāo)簽設(shè)定一個(gè)寬高度.
a標(biāo)簽轉(zhuǎn)成塊級(jí)元素方法:
a{
????display:block;
????width:300px;
????height:300px;//寬高刻意任意給,但必須要給定一個(gè)具體的值!
}
容器設(shè)背景圖:(假定容器的類(lèi)名叫做box)
.box{
????width:500px;
????height:500px;
????background:url("images/bg.jpg");
}
希望能夠幫到你!祝你好運(yùn)!
-
小白師兄還有一個(gè)錯(cuò)誤: background-image:url (image/anniu.jpg);路徑需要用引號(hào)引起來(lái),改成 background-image:url ("image/anniu.jpg");
-
小白師兄display:inline-block;不是 display: inline-blok;
-
小白師兄a{ display: inline-block; width:100px; height:40px; background:url("image/anniu.jpg") repeat-x; } .anniu{ width:80px; height:40px; background:url(image/anniu.jpg) repeat-x; }
點(diǎn)擊展開(kāi)后面4條
添加回答
舉報(bào)
0/150
提交
取消