HTML CSS：背景圖片未顯示

Question

關於此主題，StackOverflow中也有類似的問題，但沒有一個能回答我的問題：

#header{
    border-bottom: 3px solid #87B825;
    background: #84E637 url("backg400.gif") repeat-x top left; **<!-- This background is not showing up -->**
}

所有文件都在同一目錄中，不應有任何文件路徑問題。

在此之下，Dan Cederholm在他的書“ Bulletproof Web Design”（第二版）的第9章中采用了html和相關CSS來源。

預先感謝您的幫助。

1）HTML來源

<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>My Site</title>
<link href="mysite.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="header">
<h1> My Site</h1>
this is header
</div> <!--end #header -->

<p id="message">
<strong>This is my site</strong>
</p>


<div id="wrap">

<div id="content">
<div class="gutter">
... content goes here
</div> <!--end .gutter -->
</div>  <!--end #content  -->

<div id="sidebar">
<div class="gutter">
<p>... sidebar goes here </p>

</div>  <!--end .gutter -->
</div>  <!--end #sidebar -->

<div id="footer">
<p> Copyright &copy; 2015 My Site. All rights reserved</p>
</div>

</div>  <!--end #wrap -->

</body>
</html>

CSS來源（mysite.css）：

@charset "iso-8859-1";
    body {
    margin: 0;
    padding: 0;
    font-familly: Verdana, sans-serif;
    font-size: small;
    background: #fff;
}
<!-- Layout structure -->
#header{
    border-bottom: 3px solid #87B825;
    background: #84E637 url("backg400.gif") repeat-x top left; <!-- This one is not showing up -->
}
#header h1{ 
    margin: 0;
    padding: 25px;
    font-family: Georgia, serif;
    font-size: 150%;
    color: #374C0E;
    background: url("backg400.gif") no-repeat top left; <!-- This one is not showing up -->
 }
#wrap{
    background: url("backg400.gif")  repeat-y 80% 0; <!-- This one is showing up -->
 }
#content{
    float: left;
    width: 80%;
    font-size: 95%;
    line-height: 1.5em
    color: #333;
}
#sidebar{
    float: right;
    width: 20%;
}
#footer{
   clear: both;
   background: #828377;
}

Answer 1

您正在樣式表上使用HTML注釋（  ）。 從樣式表中刪除所有這些HTML注釋，並改用以下注釋語法：

/** comment content */

注意： body規則有錯別字： font-family而不是font-familly 。

Answer 2

另外，嘗試使用W3C驗證服務檢查CSS語法： http : //www.css-validator.org/#validate_by_input

HTML CSS：背景圖片未顯示

問題描述

2 個解決方案

解決方案1
2 已采納 2015-10-03 11:24:46

解決方案2
0 2015-10-03 11:41:23

HTML CSS：背景圖片未顯示

問題描述

2 個解決方案

解決方案1 2 已采納 2015-10-03 11:24:46

解決方案2 0 2015-10-03 11:41:23

解決方案1
2 已采納 2015-10-03 11:24:46

解決方案2
0 2015-10-03 11:41:23