http://ameblo.jp/newcss/entry-10971105083.html
では基本の背景です CSSの最後に付け加えてください
/*背景1番下*/
body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20110811/09/8d/23/j/o12000800souhero1313022915724.jpg);/*背景画像*/
}
background-attachment: fixed;/*背景固定*/
これで画損全体に背景画像が敷き詰められます
このブログではスクロールをするとコルクの背景もそれに沿って動きますが・・
背景を固定してスクロールしても動かないようにするには・・・
background-attachment: fixed;/*背景固定*/
これを使います
たとえば・・
/*背景1番下*/
body{
background-image:url(画像のURL);/*背景画像*/
background-attachment: fixed;/*背景固定*/
}
これだと背景画像が画面全体に敷き詰められて・・・
かつスクロールしても動かなく固定された背景になります
.skinHeaderArea{
width:980px;/*画像の横*/
}
.skinTitleArea a{
background-image:url(画像のURL);
width:980px;/*画像の横*/
height:200px;/*画像の縦*/
background-repeat:no-repeat;/*繰り返さない*/
background-position: center top;/*中央上に*/
display:block;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
outline:none;
}
.skinHeaderArea h2{
display:none;/*概要を非表示*/
}
test
