PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

Vaste achtergrond

Door Ruben Fonteijne op 15-06-2013 17:30
2.374 views
Goeiemiddag,

Ik kom er even niet uit. Wat ik graag wil, is de background-image volledig vastzetten. Op deze manier:
http://www.littlepalmisland.com/ of http://www.ushuaiabeachhotel.com/.

Hoe ver je ook in- of uitzoomt, de afbeelding blijft altijd dezelfde grootte. Ik heb het al geprobeerd met background-attachment: fixed en bgproporties="fixed", maar beide werken niet.

Iemand een oplossing?
Reshad F
15-06-2013 17:55
volgens mij met

background: url('path') screen screen fixed no-repeat;
R
Ruben Fonteijne
15-06-2013 17:58
En waar zou ik die precies moeten plaatsen?
Keizer Webdesign
15-06-2013 18:10 gewijzigd op 15-06-2013 18:13
Die zou je in je style.css kunnen plaatsen en dan als: 

body {
background: url('padnaarbestand.jpg') screen screen fixed no-repeat;
background-size: 100% 100%;
}
R
Ruben Fonteijne
15-06-2013 18:17
Op die manier verdwijnt de hele afbeelding. Het pad naar het bestand is goed, daar ben ik zeker van.
Keizer Webdesign
15-06-2013 18:23
Als je CSS in de map Root/css/style.css zit en je afbeelding in de map root/img/afbeelding.jpg dan moet je van je pad ../img/afbeelding.css maken als dit klopt dan zou je nog even kunnen kijken naar de css:


body {
background: url('padnaarbestand.jpg') center center no-repeat;
background-size: 100% 100%;
}
R
Ruben Fonteijne
15-06-2013 18:30
Antwoord van Eddy E is correct. Truuk is de background-size: cover. Topic kan dicht.
Eddy E
16-06-2013 10:54
Over het algemeen worden er geen topics op PHPhulp gesloten. Als iemand komt met dezelfde vraag (en hij slaat StackOverflow en Google over) dan kan hij hier weer verder gaan, mocht het hem toch niet lukken.
R
Ruben Fonteijne
16-06-2013 11:31
Dan laten we hem open :)

Ik ben in ieder geval blij met het antwoord, bedankt!

Reageren

Inloggen om te reageren