achtergrondafbeelding

Vragen/antwoorden betreffende het maken van je eigen website.

filius
Lid geworden op: 20 mar 2009, 17:13

03 nov 2014, 16:28

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
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

03 nov 2014, 18:18

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
Lid geworden op: 20 mar 2009, 17:13

04 nov 2014, 16:40

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
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

04 nov 2014, 16:46

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">
<!--
html {
background: url(
images/achtergrondfoto.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>

</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.