Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Css till bakgrundsbilder

Skapad av Ilskan-4, 2015-07-16 12:47 i Foto, bild & grafik

18 245
6 inlägg
-2 poäng
Ilskan-4
Visningsbild
P 32 Hjälte 20 inlägg
0
Vet någon om det finns att lägga in i hemsidans CSS att bakgrundsbilden ligger still på sajten utan att det tar slut om man har skrivit lite mycket. Jag skulle gärna vilja ha det så här t.ex. http://www.milansverige.se/ Hoppas att ni förstår vart jag vill komma någonstans.

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Croupier
Visningsbild
P 25 Kändis 32 inlägg
0
Om du har tillgång till css-filen så gör du bara såhär:

html {
background: url('skriv url här') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }

Borde fungera.

Tillägg av Croupier 2015-07-16 12:58

jävla smiley...

Jespuur
Visningsbild
P 34 Trollhättan Hjälte 699 inlägg
-2

Svar till Croupier [Gå till post]:
Nästan! det ligger ett z-index attribut på den också. Och z-index fgungerar som lager. z-index:0; lägger sig under z-index:1; Alltså det elementet som har högsta z-index ligger överst.




#background-cover [
background-size: cover;
position: fixed;
background-repeat: no-repeat;
top: 0;
left: 0;
z-index: 0;
overflow: hidden;
width: 100%;
height: 100%;
]

Detta är för bakgrunden, de du ska ha över detta ska ha z-index:1; eller högre.

och i html filen

<div class="background-cover">
RESTEN AV DITT BÖS HÄR
</div>

...

Karlsson
Visningsbild
P 29 Arvika Hjälte 499 inlägg
0

Croupier
Visningsbild
P 25 Kändis 32 inlägg
0

Svar till Jespuur [Gå till post]:
Varför lägger du bg:n i en egen div? Jag skulle lagt den på body eller html istället. Och varför joxar du med width och height? Det är väl det man har background-size för?

Ilskan-4
Visningsbild
P 32 Hjälte 20 inlägg
Trådskapare
0
Tack alla för er tips för CSS bakgrundsbilden på hemsidan, det har löst sig nu. Var bara detta jag eftersökte efter: background-attachment: fixed;, kunde inte komma på vad jag letade efter.

Forum » Fritid » Foto, bild & grafik » Css till bakgrundsbilder

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons