background:url() 背景圖不顯示

標籤：pre   highlight   root   背景圖片   aik   family   jpg   ros   背景   

奇怪的問題：

.box-3 {    width: 100%;    height: 500px;    border: solid 2px red;    margin-top: 70px;    padding: 0 0 0 800px;    box-sizing: border-box;    background: url("img/aike.jpg");}

　　居然不能顯示出背景圖片,路經似乎是正常的

問題原因：
　　在url(imagepath)裡的這個imagepath(圖片路徑)。這個url定址位置是以css檔案夾為root目錄，也就是匯入css的上一級目錄

　　通過瀏覽器調試,可以發現從css下面的img來找圖片，但是img和css是平級的檔案夾，就是說css下面是沒有img這個檔案夾存在的，所以瀏覽器當然報錯了，因為根本找不到

那，解決辦法？

　　讓其向上找一級，在讓他找到img目錄 ，在圖片路徑上加上 ../ 讓其以上一級目錄為root目錄

.box-3 {    width: 100%;    height: 500px;    border: solid 2px red;    margin-top: 70px;    padding: 0 0 0 800px;    box-sizing: border-box;    background: url("../img/aike.jpg");}

　　

 

background:url() 背景圖不顯示