對於background:url(imagePath);圖片的不顯示問題,有以下兩種情況:
一.imagePath出錯:
當你所寫的css文檔與HTML文檔不在同一級的情況下,比如
css文檔存儲在style文件夾中,css中的background:url(imagePath)imagePath需要這么寫:(../images/image.jpg)
這就是所謂的相對路徑。
二.imagePath正確:
當我們確認自己的imagePath是無誤的,但是background:url()還是不顯示,你可以進行這種方法進行解決。
html:
<div id="div1"></div>
css:
#div1{ background:url(imagePath);}
/*這種書寫css的情況下,圖片加載不出來的情況*,應該是div1的樣式不全,他沒有依托,所以給他設置一定的寬高,就可以出現效果*/
比如:width:100%; height:300px;等。