Boven een achtergrond en onderin een andere.

Status
Niet open voor verdere reacties.
P

Pajaras

Terugkerende gebruiker
Lid geworden
6 mrt 2007
Berichten
1.182
Ik ben bezig met een site met een achtergrond die van blauw naar lichtblauw overloopt, maar als ik naar beneden scroll dan begint hij weer opnieuw en loopt hij niet over.
Dan wordt hij van lichtblauw ineens weer blauw.:confused:
Wel heb ik een achtergrond in lichtblauw voor onderin, maar hoe zeg ik dat hij die moet plaatsen als de andere 'ophoud'.
Misschien wat moeilijk uitgelegd, maar zal een voorbeeldje geven
143eykm.jpg

Nu begint hij boven met blauw, en wordt hij langzaam lichtblauw.
Hoe maak ik een pagina die helemaal onder deze achtergrond doorgaat met een andere achtergrond?
 
Wat een mogelijkheid is, is je body een achtergrondkleur/afbeelding geven, en dan een container-div aanmaken die je overgang bevat.
Als je wilt zien wat ik bedoel: http://godpod.be/

--Johan
 
Ja, zoiets bedoel ik.
Hoe kan ik dat in CSS maken?
 
Wat wij daar gedaan hebben is de onderste achtergrond aan de body toegekend, en een division gemaakt met de statische top-afbeelding:
Code: 
body {
	margin: 0px;
	padding: 0px;

	background-image: url(../images/layout/bg-overal.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#body { /*  fake-body wegens dubbele backgroundimg */
	background-image: url(../images/layout/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	/* zichtbaarheid garanderen */
	min-height: 300px;
	/* anti-scroll */
	background-attachment: fixed;
}
in html krijg je dan deze structuur:
HTML: 
...
</head>

<body>
    <div id="body">
        de eigenlijke pagina
    </div>
</body>
</html>

--Johan
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan