Gå til innhold

To bakgrunnsbilder samtidig


Anbefalte innlegg

Skrevet

Jeg har letet på W3shcools men fant ikke ut av dette.. jeg skal ha 2 bakgrunnsbilder.. den ene skal være øverst til venstre, den skal bare være en gang.. Så under der skal det komme bakgrunnsbilde nummer 2.. den skal gjentas hele veien nedover.. men bare nedover rett under bakgrunnsbilde nummer 1... Noen som vet hva jeg kan gjøre?

Videoannonse
Annonse
Gjest medlem-77217
Skrevet
Legg bakgrunnsbilde 1 i body, så lager du en wrapper som er 100% i høyden, den har du bakgrunnsbilde 2 i...

8802390[/snapback]

height: 100% funker ikke korrekt enda, så vil anbefale og ha BG2 i body og BG1 i en div som du tar z-index: 100 på.

Gjest medlem-77217
Skrevet

Den går ikke om du skal ha en div ifra top til bunn.

Skrevet

trenger ikke min-height og z-index...

 

body {

background-image: url(image.jpg);

background-repeat: repeat;

background-position: 50px 0px;

margin: 0;

padding: 0;

}

 

#bgimage {

background: url(image2.jpg) no-repeat;

margin: 0;

padding: 0;

}

 

<html>

<body>

<div id="bgimage">

ALT INNHOLD HER

</div>

</body>

</html>

Skrevet

Dersom det er lite innhold med -morten sitt eksempel vil den ene bakgrunnen kun dekke så mye av siden som det er innhold. Må nok inn med noe min-height for å få det til å virke hele tiden.

Gjest medlem-77217
Skrevet

Unnskyld, tenkte litt feil. Tenkte at det ble slik som dette:

 

Linky

Skrevet

Tusen hjertelig takk, etter mye prøving og feiling med de forskjellige forslagene så klarte jeg det med -morten sin versjon, prøvde de andre men det fikk jeg ikke til, er jo mulig dere ikke skjønte hva jeg mente også.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...