achtergrondafbeelding — Forum

filius Startte dit onderwerp 03 nov 2014, 16:28 119 berichten

Ik heb een achtergrondafbeelding ingevoegd in de body. Het is de bedoeling dat deze zich aanpast aan het scherm, zowel desctop, tablet of mobiel.
Welk is hiervoor de css code.

Ik dank u bij voorbaat voor uw reactie.Filius

coderunner 03 nov 2014, 18:18 Aubauke - Aentwaerepe 1.828 berichten

Beste filius,

Probeer dit eens

Code: Selecteer alles

	<style>
	html { 
		background: url(bg.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:-10;
	}
	</style>

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

filius Startte dit onderwerp 04 nov 2014, 16:40 119 berichten

Ik zie in de derde regel: Background:url(bg.jpg) staan. Vul ik hier de afbeelding in die ik in een map in mijn panel staat bv. in de map "images".
Zet ik de code in de body of de head.
Werk met cs6 dreamweaver.

Ik dank u bij voorbaat voor uw reactie.Filius

coderunner 04 nov 2014, 16:46 Aubauke - Aentwaerepe 1.828 berichten

Beste filius,

Inderdaad ... waar bg.jpg staat vul je in waar je achtergrondsfoto staat op de server + de juiste benaming van je achtergrondfoto.

Het is een style opbouw code dus deze moet tussen <head> en </head> staan!!

<!DOCTYPE html>
<html lang="nl" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Titel hier</title>
<style type="text/css">

</style>
</head>
<body>
...
</body>
</html>

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.