Är reklamen ivägen? Logga in eller registrera dig så försvinner den!
Annons
Css till bakgrundsbilder
Skapad av Ilskan-4, 2015-07-16 12:47 i Foto, bild & grafik
18 447
6 inlägg
-2 poäng
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.
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.
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.
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.
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>
...
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?
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?
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 utloggadSkriv 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!