背景画像を2つ固定配置する……Win IE6 の background-attachment : fixed
html 要素と body 要素に配置
<body> <div class="div1"> <h1>---</h1> 内容 </div> </body>
html{
background-color : white ;
background-image : url(../../Images/home50.jpg) ;
background-repeat : no-repeat ;
background-position : center center ;
background-attachment : fixed ;
margin : 0 ;
padding : 0 ;
}
body{
background-color : transparent ;
background-image : url(../../common/css_images/marker-v_check.png) ;
background-repeat : repeat-y ;
background-position : top left ;
background-attachment : fixed ;
margin : 0 ;
padding : 1em 50px 100% 50px ;
}
html と body に背景画像を配置してみたが、Win IE6 では、body の方の画像がスクロールしてしまう。