background:url()不顯示 總結


 對於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;等。

   

 

 

 

 

 

 

 

     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM