HP作成 HTML CSS 背景 重ね合わせ
HPを作成していて、わからないことがあります。
HP全体の背景を画像にし、bodyの部分の背景をさらに画像にして、画像を重ねた形でHPを作りたいと考えました。
htmlファイルを作成し、自分のPCからhtmlファイルをブラウザに開いたところ背景がしっかりと表示されました。
しかし、htmlファイルをアップロードし、HPを開いたところ、一番奥の背景の画像が反映されませんでした。
どうすれば反映されるのか教えていただきたいです。
CSSです。
html{
background-image:url(http://pomo.vis.ne.jp/bg/corkboard/bg_corkboard200_04.jpg);
}
* { padding : 0px ; margin : 0px ;}
#my_body {
margin: 5px auto;
width : 900px ;
background-image:url(http://hide.kanari.info/sozai/ico/memo001/kabe.gif);
}
#my_header {
width : 100% ;
height : 110px ;
border-bottom : 2px solid #000000 ;
padding-top:10px;
}
#my_navigation {
float : left ;
width :188px;
height:1500px;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
}
#my_contents {
float : right ;
width :709px;
height:1500px;
border-right : 1px solid #000000;
}
#my_footer {
width : 100% ;
clear : both ;
border-top : 1px solid #000000;
}
html要素の中で、一番奥の背景を設定しています。
body要素の中に、二番目の背景を設定しています。
HTML要素の中に背景を設定すると適応されないのでしょうか？
アップロードして、背景を正しく表示される方法を教えてください。
HPのURLです。
http://10t4047f.web.fc2.com/
よろしくお願いいたします。
