CSS外部樣式導入背景圖片不能顯示


曾經在html中編寫網頁的時候,<link rel="stylesheet" type="text/css" href="css/css.css"/> 將外部的css樣式表鏈接到網頁中,其它像:background-color . padding , margin 等都可以正常起作用,但就是background-image不起作用,而且有時一氣之下將background-image:url(“”絕對路徑“”) ;就可以顯示了,但是我們非常不提倡這種絕對路徑的寫法,那么出現這個現象的原因到底是什么呢?

注意::在css樣式表中寫的background-image:url(圖片的路徑為相對本css文件的路徑,而不是我們通常認為的相對加入css樣式的網頁的路徑);

例如:在當前目錄下有 index.html 和 css文件夾(里面包含:css.css) 和 images文件夾(里面包含top.jpg)

錯誤的認為和寫法:background-image:url("images/top.jpg"); ----------------------------------->>錯誤的認為圖片的路徑應該是針對index.html網頁來說的。

正確的認為和寫法:background-image:url("../images/top.jpg");----------------------------------->圖片的路徑應該寫的是相對css.css文件的路徑

其中     ../     表示的是上一級目錄,不要寫成 ./ 這是表示當前目錄。

 


免責聲明!

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



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