最近、dreamweaver で CSS を使用して Web サイトの背景に画像を追加しました。css ファイルと画像ファイルをサーバーに保存しましたが、まだ Web サイトに表示されません。どこで間違ったのですか?
私が使用しているコードは background-image: url(../images/Christmasback.png); です。そしてこれを体に入れました。ブラウザのdreamweaverビューでは正常に動作します
フォルダ構成は
Site root
- WWW
- CSS
- site.css
- Images
- Christmasback.png
- index.html
CSS コードは次のとおりです。
html,body {
margin: 0;
padding: 0;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 16px;
background-image: url(../images/Christmasback.png);
background-repeat: repeat;
background-color: #000000;
}
ヘッダーも同様です:
#header {
position: relative;
height: 90px;
background-color: #000000;
width: 908px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/xmas-header.gif);
}