在WAMP中訪問圖像和css文件

-1

我已創建文件夾結構爲www/xyz/images和其他文件夾www/xyz/css。我正在導入css文件和css文件，如下面的代碼。當我導入css文件時，我的背景圖像不顯示。在WAMP中訪問圖像和css文件

的index.php //

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="css/mainpage.css" type="text/css"> 
</head> 
<body> 

<h1></h1> 

</body> 
</html>

mainpage.css //

body { 
    background-image: url("images/foodspot4.jpg"); 
    background-repeat: no-repeat; 
    background-size:cover; 
}

的圖像路徑必須是相對的CSS文件的目錄。通過調用images/foodspot4.jpg，您要求樣式表在www/xyz/css/images目錄中查找不存在的文件。

因此，你應該使用相對路徑：它應該是如下......

body { 
    background-image: url("../images/foodspot4.jpg"); 
    background-repeat: no-repeat; 
    background-size:cover; 
}

2014-12-07 11:04:29 Terry

回答