Beste SD lid,

Graag wil ik mijn background mee laten scrollen, ik heb mijn background een background-attachment:fixed gegeven maar ook een position absolute zodat het mogelijk is dat de background klikbaar word. maar nu heb ik het probleem zodra ik scroll een witte background zie en daar gaat de background achter (hij scrollt dus wel mee) Ik heb geen witte kleurcode meegegeven en het komt door de position absolute dat weet ik want zodra ik deze weg doe werkt het wel maar kun je niet meer op de background klikken zodat je naar een andere site gaat.

Wie kan me helpen?

Screenshot?

Background-attachment: fixed; zorgt ervoor dat de background blijft staan. Een voorbeeld stel ik zeer op prijs om een oplossing voor je te bedenken.

hierbij een screen shot, background-attachment laat hem inderdaad staan maar er komt helaas een witte background over me staande background heen terwijl ik dat er niet heb neergezet.

dit is mijn CSS met html (body heeft geen background of iets met wit):

.background {
background: url(../background_uncharted.jpg) no-repeat center top;
margin: 0 auto;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
background-attachment: fixed;
}

<a href="http://google.nl/" target="_blank"><div class="background"></div></a>

Zet dat eens in je body ipv in een div. Overigens zou ik graag je hele html/css bestand willen bekijken. Want misschien zit er iets eroverheen waardoor hij zomaar afkapt.

als ik het in de body zet kun je niet meer op de background klikken dus dat is niet de oplossing... het is namelijk een background advertentie dus deze moet wel klikbaar zijn..

bovendien lijkt het me niet verstandig om een css te uploaden van 2042 regels...

Een div met daarin een background maak je klikbaar met:

Code:

in je css

.divclass { 
width: 480px;
height: 280px;
background: url('images/afb.jpg');
}

.divclass a { 
width: 100%;
height: 100%;
display: block;
}

in html

<div class="divclass">
<a href="link.html"></a>
</div>

Origineel gepost door Tom S.

als ik het in de body zet kun je niet meer op de background klikken dus dat is niet de oplossing... het is namelijk een background advertentie dus deze moet wel klikbaar zijn..

bovendien lijkt het me niet verstandig om een css te uploaden van 2042 regels...

Beste Jonathan,

Het probleem is niet dat deze niet klikbaar is, mijn div is wel gewoon klikbaar.

Het probleem is dat als ik scroll de background( die bg-attachment;fixed heeft) blijft staan maar zodra ik scroll onder het venster een wit vak overheen valt.

Nu vraag ik me eigenlijk af als bg-attachment en position absolute wel samen gaan..
En natuurlijk een oplossing voor dit probleem.

Origineel gepost door Jonathan visser

Een div met daarin een background maak je klikbaar met:

Code:

in je css

.divclass { 
width: 480px;
height: 280px;
background: url('images/afb.jpg');
}

.divclass a { 
width: 100%;
height: 100%;
display: block;
}

in html

<div class="divclass">
<a href="link.html"></a>
</div>

Toch gelieve mijn suggestie proberen dus geen absolute, z-index: 0 en background-attachment: fixed; gebruiken. Als het goed is de achtergrond dan ook goed.

Origineel gepost door Tom S.

Beste Jonathan,

Het probleem is niet dat deze niet klikbaar is, mijn div is wel gewoon klikbaar.

Het probleem is dat als ik scroll de background( die bg-attachment;fixed heeft) blijft staan maar zodra ik scroll onder het venster een wit vak overheen valt.

Nu vraag ik me eigenlijk af als bg-attachment en position absolute wel samen gaan..
En natuurlijk een oplossing voor dit probleem.

En hoe zorg ik dat deze als achtergrond word en niet als gewoon plaatje.

Want nu komt de Background gewoon boven de site en niet als de body om het zo maar even te noemen.

Origineel gepost door Jonathan visser

Toch gelieve mijn suggestie proberen dus geen absolute, z-index: 0 en background-attachment: fixed; gebruiken. Als het goed is de achtergrond dan ook goed.

Moeten er 2 divs over elkaarheen vallen? Want ik kan het zo moeilijk zeggen namelijk. Background in css is ook echt een background en geen img dus dat is het probleem niet.

Als de website online staat ontvang ik graag een link.

Origineel gepost door Tom S.

En hoe zorg ik dat deze als achtergrond word en niet als gewoon plaatje.

Want nu komt de Background gewoon boven de site en niet als de body om het zo maar even te noemen.

Klopt Jonathan, er moeten 2 divs over elkaar heen vallen. de background div moet als body dienen en het overige over de background div (zodat het lijkt als of de background in de body css zit)

Zou je de indeling van de site kunnen schetsen? Dan kan ik je hiermee verder helpen;)

en als je de position op fixed zet ipv absolute ?

LOL, ik wist niet dat dit ook kon?
Bedankt Thomas, je hebt me hartstikke blij gemaakt!

Het is opgelost.