WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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