Kontener z tłem na cąłą stronę


(arlid) #1

Witajcie. Chciałbym uzyskać taki efekt. Po otwarciu strony widać na całą stronę tło w  w postaci obrazka i dopiero pod nim jest następny kontener z treścią. Wszystko fajnie, bo dzięki CSS3 można ładnie dodać takie tło, ale dla całej strony. Jak to zrobić dla danego kontenera (diva) - da się w jakiś prosty sposób?

 

Coś w tym stylu

<di id="kontener_z_tlem">TU NP. SLIDER Z TEKSTEM</div>
<div> id="kolejny kontener z treścią"></div>

Tyle, że "kontener_z_tlem" jest widoczny na całe okno przeglądarki. Próbowałem dopasować np. unislider, albo skorzystać z glide.js ale coś mi to nie wychodzi. Z pewnością coś robię źle, ale nie wiem co - zbytnio nie rozumiem tej idei także będę wdzięczny za wytłumaczenie.

 

PS: Jak nazywa się następujący efekt - tło strony jest obrazkiem i przy przewijaniu jak gdyby "nad" nim pływa pozostała treść?


(minstreldesign) #2

HTML

<body>
<div id="kontener_z_tlem"></div>
<div id="tresc">Kontener z trescia</div>
</body>

CSS

#kontener_z_tlem {
  height: 200px;
  background-image: url('http://wallpoper.com/images/00/45/05/47/green-background-2_00450547.jpg');  
}

#tresc {
  position: relative;
  top: -190px;
  left: 15px;
  font-size: 30px;
  font-weight: bold;
}

Odnośnie postscriptum polecam:

 

http://www.w3schools.com/cssref/pr_background-repeat.asp