web-garden

Achtergrond afbeeldingen

Posted on 01. Jan, 2009 by admin in Tutorials HTML en CSS

Eric Meyer is een goeroe wat betreft CSS. De spiraal demo is een gekend code werk van zijn hand. De live demo kun je zien op deze link. Deze webpagina is alleen opgemaakt met HTML en CSS.

Wat is er nu zo bijzonder aan:

Als je pagina met de rechter scroll bar naar beneden scrolt, zie je dat de “schelp” afbeelding vast blijft, terwijl het menu mee beweegt met de pagina.
De schelp afbeelding is zichtbaar doorheen het menu.
De transparantie van de blauwe pagina, waardoor ook daar een stuk van de schelp zichtbaar is.

De Firefox gebruikers krijgen er een “extraatje” bij. Ga naar Beeld > Paginastijl.

Kies nu bijvoorbeeld voor Flower.

De bezoeker ziet een nieuwe layout.

PS: De demo-pagina werkt niet correct in IE6. Dit is niet de fout van Eric Meyer, maar van..jawel Microsoft

Tags: Tutorials HTML en CSS