Фон статичным и по зуму и по прокрутке вертикальной

[artur7373888]

добрый день народ.
вопрос тут такой: надо
1 что бы фоновый ресунок стоял на месте
2 при зуме он не повторялся а тоже стоял на месте

делаю так в стилях:

body {background:url(Sunflower2.jpg);
background-attachment:fixed;}

стоит на месте при прокруте по вертикали но при зуме начинает повторятся по горизонту, а нужно что бы он стоял на месте как по горозонтали так и по вертикали
h_ttp://linkme.ufanet.ru/images/2e552b110622075f6afea119d5aad887.pn g

делаю по другому :


Index файл
<div id="layer1">
<img src="fon.jpg" width="100%" alt=""> </div>
<div id="layer2">
контент

в стилях :

#layer1 {
z-index: 1; /* Порядок слоев */
width: 100%; /* Ширина слоя с фоном */
height: 100%; /* Высота слоя с фоном */
position: absolute; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */

}

#layer2{
z-index: 2; /* Порядок слоев */
width: 100%; /* Ширина слоя с фоном */
height: 100%; /* Высота слоя с фоном */
position: absolute; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */

}

то по ширинее при зуме не дублируется а стоит на месте но зато при длинной странице при прокруте вниз фон тоже прокручивается

вообщем надо что бы фон и при зуме и при прокруте стоял на месте.
спасибо

mail artur7373888@mail.ru icq 424 181 679

[Naive]

body {
  background:url(Sunflower2.jpg) fixed no-repeat;
}