Question

Как сделать фоновую картинку сайта статичной, чтобы она не двигалась вместе с содержимым страницы?

Еще точнее: прикрепить картинку к верху и левому краю.

Дизайн #888

Код в CSS:

body {margin:0;padding:0;background:#419FBB;}
#contanier {background:url('http://tsst.ucoz.com/fon4.jpg') center top no-repeat #419FBB;}
#mainTable {width:1000px;}
#footer {background:url('/.s/t/888/1.jpg') center top no-repeat;border-top:1px solid #81BED8;width:1000px;}

Заранее большое спасибо!

Answer 1

Это 

#contanier {background:url('http://tsst.ucoz.com/fon4.jpg') center top no-repeat #419FBB;} замените на это #contanier {background:url('http://tsst.ucoz.com/fon4.jpg') center top no-repeat #419FBB;background-attachment: fixed;

 

Comments

Спасибо, дружище! А еще, подскажи, пожалуйста, как прикрепить картинку к левому краю?

Сейчас она вроде как выставлена по центру, а мне бы зафиксировать левый край, чтобы он не двигался при сжатии окна браузера. Интуитивно догадываюсь, но с кодами не очень дружу...

---

Белый,

#contanier {background:url('http://tsst.ucoz.com/fon4.jpg') left top no-repeat #419FBB fixed;

---

Да. Супер, спасибо!