2013-10-28 92 views
0

所以...... 我有一個文件夾叫做介紹。 在這個文件夾中都是index.html和style.css文件。在介紹文件夾中是另一個名爲「圖像」的文件夾,用於存儲我將使用的圖像。在該文件夾(圖像)是稱爲background.jpg身體背景顏色和圖像不顯示

的圖像中的代碼如下: HTML

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

    <div id="content"> 
     <div class="info"> 
      Want to know more about Dreams? 
     </div> 

    </div> 
</body> 

CSS

/*CSS Style Sheet*/ 
@font-face 

body { 
background-color: #080808; 
background-image: url(images/background.jpg); 
margin: auto; 
} 


#content { 
width: 1000px; 
background-color: #080808; 
margin-left: auto; 
margin-right: auto; 
margin-top: 500px; 
} 

背景圖像和背景儘管出於某種原因,顏色並沒有出現。 bg顏色保持白色,圖像無處可見。幫幫我?

+0

爲什麼你'@字體face'出本身這樣呢? – j08691

+0

刪除'font-face'。 – Vucko

回答

0

你錯過了背景圖像路徑上的「__」。

兩個改變順序和使用背景,而不是背景圖像。

body {   
    background:url("images/background.jpg") no-repeat center; 
    background-color:blue; 
} 

三個.png文件允許您在圖像中保持透明背景。

四取下@字體面

檢查這個演示http://jsfiddle.net/e85kY/

+0

謝謝! €font-face導致它! – xDrac

0

您必須從HTML文件的位置映射背景圖像。例如,如果圖像在您的介紹文件夾中,並且您的HTML文件在介紹中位於單獨的文件夾中,則它將是..\image\background.jpg。此外,您不需要在您的CSS中使用@font-face

在映射時,要返回文件夾,您將使用..來暗示路徑中的上一個文件夾。

+0

謝謝! @ font-face引發了這個問題! – xDrac

+0

沒問題。祝你好運! – usernolongerregistered