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