Как мога да задам 2 Background - а в CSS

[Kameliaa]

Здравейте, искам да сложа едновременно 2 бекграунд фона .gif в сайта. Единият в само горната част , а вторият да бъде само в долната част. Може ли да се направи? за горният бкг - нямам проблем , обаче за другият изпитвам затруднения.

Може ли да стане - как?
10x

 

[Zion]

Ми с два див-а

STYLE.css

.header{
background-image:url('header.jpg');
width:800px;
height:150px;
}
.footer{
background-image:url('footer.jpg');
width:800px;
height:150px;
}

index.html

<div class="header"></div>
<div class="footer"></diiv>

Я пробвай така, не съм го тествал

 

[sentenello]

Правиш си 2 дива примерно като на единия задаваш единия фон, а на другия задаваш другия фон. Задаваш им width и height и не трябва да имаш проблеми.

 

[Kameliaa]

Да за .header и .footer - ок
Обаче въпроса е за background на body (сори, че не се уточних)

Пример:

body{
background:#fff url(../images/1.gif) top repeat-x;
margin:0;
padding:0;
}

а за вторият долу?

 

[Zion]

Ами махни го Ползвай само тези на див-овете. Само се направи размерите с каквито искаш

 

[misho]

С body не се сещам как ще стане, но ако на това, което ти каза Zion сложиш z-index: -1; двата div-а ще стоят зад всичко, като фон.

 

[Kameliaa]

кофтито е че е в wrap-width рамка с фиксирана широчина и див-овете не могат да бъдат 100%

в body няма ли как да стане с 2 bckg?

 

[Zion]

Ми освен да ги направиш като една картинка... ?

 

[Kameliaa]

еми неее - той е динамичен сайт, нали се сещаш - по-къси..по-дълги статии.. една картинка няма как

 

[F1r3Fl3x]

Ще дадеш ли малко код. Така ще е малко по-лесно да ти помогнем

 

[Kameliaa]

Ами малко по-нагоре съм дала следния, който ми е в body css-а

body{
background:#fff url(../images/1.gif) top repeat-x;
margin:0;
padding:0;
}

Пак да конкретизирам, искам в допълнение на този да добавя втори background-image за долната част на страницата

 

[dashe]

http://www.cherny.com/webdev/11/dual-background-images
http://csscreator.com/node/26055

 

[Kameliaa]

10x x1000

 

[shterev]

Може и без 2 дива! Просто сложи на body бекграунд и на html друг бекграунд и резултата ще е този който питаш.