CSS和造型的身體：圖像背景不會工作

由一些詛咒我不能爲我的生活得到這個簡單的CSS調用工作。這裏是我的html代碼：CSS和造型的身體：圖像背景不會工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<link href="css/stylesheet2.css" rel="stylesheet" type="text/css" /> 

<title>Welcome.</title> 

</head> 
    <body> 
     <br> 
    </body> 
</html>

這裏是我的樣式表：

body { 
    background-image:url(img/landscape.jpg'); 
}

文件名是否正確。當我給這個樣式表分配一個背景顏色標籤時，我得到了我分配的任何顏色。有沒有一些規則，使身體不具有圖像背景？這絕對不可思議。這是不是對我有用？

來源

2011-07-19 chris

看來你已經錯過了左單引號：'URL（ 'IMG/landscape.jpg'）;' –

你錯過了在你的CSS報價：URL（IMG/landscape.jpg「）必須是url（'img/landscape.jpg'）。但我認爲這只是SO中的一個錯字。 – cfouche

你需要製作相對於你的CSS的路徑。由於您的css文件夾名爲「css」，而您的圖片位於名爲「images」的文件夾中，因此您必須告訴路徑移出css文件夾並進入images文件夾。

body { 
    background-image:url('../img/landscape.jpg'); 
}

來源

2011-07-19 14:30:03 Jrod

我們對他的文件夾結構一無所知。對於我們所知道的，他可以有一個文件夾'/ css/img /'。 – You

這似乎已經工作，jrod。非常感謝，這完全神祕 – chris

你錯過了開引號在您的網址：

body { 
    background-image:url('img/landscape.jpg'); 
}

這絕對應該工作，提供的，就像你說的，文件名是否正確，是你說的是位置。

來源

2011-07-19 14:27:29

假設它不是一個複製粘貼錯誤，你的CSS是無效的，因爲你錯過了一個匹配的'：

background-image: url('img/landscape.jpg');

除了這個，你應該檢查URI是正確的，並且圖像是可訪問的。作爲一個便箋，你的XHTML也是無效的。堅持HTML4.01/5或編寫有效的XHTML（並將其作爲aaplication/xhtml+xml）。

來源

2011-07-19 14:29:37 You

CSS和造型的身體：圖像背景不會工作

回答

相關問題