HTML BG圖像沒有顯示

所以我從字面上只是從我的網站的另一個目錄，CSS和所有，複製和粘貼這個代碼，並沒有顯示BG圖像。它只是顯示爲白色。我確保重新創建新目錄中的圖像文件夾並重新上傳背景，但背景不顯示。這裏是我的CSS（使用bg圖像）HTML BG圖像沒有顯示

html,body { 
    background: url(images/bg_body.png) ; 
    font-family:Capriola; 
     height:100%; 
     margin:0; 
     padding:0; 
}

這裏是我的html：

<html> 
<style> 
html,body { 
    background: url(images/bg_body.png) ; 
    font-family:Capriola; 
     height:100%; 
     margin:0; 
     padding:0; 
} 


</style> 
<head> 
<LINK REL=StyleSheet HREF="images/styles.css" TYPE="text/css" MEDIA=screen> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
     <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 
     <title>SeaJay Source</title> 


</head> 
<body> 
<body> 
<center><br><br><br><br><br><br><br><br><br><br> 
<img src="assets/logo.png" /> 
<div id="posting" class="posting"> 
<div class="title" id="title" color="white">Login</div> 
<div id="texts" class="texts"> 
Welcome to SeaJay Source!<br> 
<form method="post" action="<?=$_SERVER['PHP_SELF']?>" > 
Username: <input class="input" type="text" name="username" placeholder="Username" /><br> 
Password: <input class="input" type="password" name="password" placeholder="Password" /><br> 
<input class="button" type="submit" value="Login" /> <br> 
</form> 

</div> 
</center> 
</body> 
</html>

正如你所看到的，我想包括HTML文件也在裏面的造型，但沒」工作。

來源

2012-09-09 CJ Sculti

你有沒有至少嘗試一個完整的URL到'背景'？顯然，像'background：url（http://skypeipresolver.servehttp.com/images/bg_body.png）;'？嘗試使用控制檯的NET選項卡，並查看圖像是否正在下載或出現錯誤。你只需要排除故障，老兄。 –

另外'

'打破了我的心臟。 'center'已棄用，請不要使用'br'標籤來創建空白，在'body'或wrapping元素上使用'padding-top'或'margin-top'。 –

從另一個目錄

那是你的問題，幾乎可以肯定。

總是指定相對於您的域的根的URL。它應該看起來像url('/path/to/image.png')

在CSS中的URL可能會令人困惑，因爲有些東西使用HTML文件的位置作爲基礎，而另一些使用CSS文件的位置。指定您的URL相對於固定的基礎：根目錄更容易。

來源

2012-09-09 22:36:54

事情是，我會分發這個源，所以路徑會不同，我不知道爲什麼只是圖像/ bg.png不起作用，它在我的其他文件夾中正常工作。並且有兩個圖像文件夾，每個目錄一個，所以它應該是可訪問的。 images/bg.png>作品... –

HTML BG圖像沒有顯示

回答

相關問題