A háttér görgetése - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

A háttér görgetése

A background-attachment tulajdonság segítségével megadhatjuk, hogy a háttérkép az oldal görgetése esetén az oldallal együtt mozogjon, vagy mindig ugyanott jelenjen meg.

Használható kulcsszavak :
scroll: a háttérkép görgetésnél az oldal tartalmával együtt mozog
fixed: a háttérkép mindig egy helyben marad

A háttér görgethatőségének beállítása:

kijelölő

{

background-attachment

kulcsszó;

}

1. példa (görgethető háttér):

Forráskód

<style> 
  body { 
    background-color:#eeffee; 
    background-image:url('labda_k40.png'); 
    background-repeat:no-repeat; 
    background-position:left top; 
    background-attachment:scroll;} 
</style> 
…. 
<body>   
 <p>scroll</p><p>scroll</p>
 <p>scroll</p><p>scroll</p> 
</body>

Eredmény*

2. példa (fix háttér):

Forráskód

<style> 
body { 
  background-color:#eeffee; 
  background-image:url('labda_k40.png'); 
  background-repeat:no-repeat; 
  background-position:left top; 
  background-attachment:fixed; } 
</style> 
... 
<body>   
 <p>fixed</p><p>fixed</p> 
 <p>fixed</p><p>fixed</p> 
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: hatter_gorgetes.html