CSS background-image

Question

使用這個屬性有什麼常見的陷阱嗎？我似乎無法得到它的工作。該圖像與我的HTML頁面位於同一個目錄中，並檢查了正確的絕對路徑。我也嘗試將背景設置爲隨機顏色，以查看我的div位置是否關閉或某物，但顏色顯示。

我使用：

體{

背景圖像：URL（ 'URL'）;

}

Answer 1

嘗試，

• background:url(image.jpg)。注意，我沒有使用background-image，只是background

• 請確保圖像的路徑是正確的，並且相對於CSS文件。

• 確保圖像的文件名是正確的。文件名（包括擴展名）可以區分大小寫。

Answer 2

如果URL是絕對的，那麼很少有可能出錯的地方。嘗試使用src作爲您嘗試使用的網址創建<img>元素。如果可行，請確保在CSS中正確指定它。既然你沒有確切地說出你在投入什麼，這是很難判斷的。

Answer 3

url（）中指定的url是相對於CSS文件的，因此請確保您的圖像路徑與css文件相關。

例如，如果您的css文件位於一個文件夾中，並且您的圖像位於images文件夾中，並且這兩個文件夾位於同一父目錄中，則可以使用路徑../images/file_name訪問css中的圖像。 PNG