2013-11-04 118 views
-2

我想加載一個簡單的背景圖片,但它驅使我傻到試圖加載它。任何人都可以看到我做錯了什麼?我無法獲取背景圖像

HTML

<!DOCTYPE html> 
<html> 
<head> 

    <title>TEST</title> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
    <link rel="stylesheet" type="text/css" href="css/normalize.css"> 


</head> 

<body> 

<h1>Hello World</h1> 


</body> 
</html> 

CSS

html { 
    background: url(images/bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

背景圖像是在圖像/ bg.png上述目錄中的CSS如所述。

+0

是你的CSS目錄也'images'?因爲否則你需要做'url('../ images/bg.png')',或者你的相對引用來自CSS文件夾。 – PlantTheIdea

+0

這正是問題所在!謝謝! – user2810581

+0

看起來對我很好http://jsfiddle.net/DFS7c/1/ – Liam

回答

0

你參考必須是相對於你的CSS目錄,而不是你的網頁位置:

html { 
    background: url('../images/bg.png') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

假設您的圖片文件夾是該樹爲你的CSS文件夾相同的深度,這應該爲你工作。

-2

它取決於您的圖像位置,如果您正在使用瀏覽選擇應該在您鍵入時彈出,並且您可以通過計算機搜索圖像。如果沒有,那麼你可以例如 複製此:

enter image description here