CSS背景圖片

Question

使用此屬性有什么常見的陷阱嗎？ 我似乎無法正常工作。 該圖像與HTML頁面位於同一目錄中，我檢查了正確的絕對路徑。 我還嘗試將背景設置為隨機顏色，以查看我的div位置是否關閉或其他原因，但顏色顯示出來。

我用了：

身體{

背景圖片：url（'url'）;

}

Answer 1

如果URL是絕對的，則幾乎不會出錯。 嘗試使用src創建一個<img>元素作為您要使用的URL。 如果可行，請確保在CSS中正確指定了它。 由於您沒有確切說出要輸入的內容，因此很難判斷。

Answer 2

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

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

Answer 3

嘗試，

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

• 確保圖像路徑正確且相對於CSS文件。

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