Det ska fungera med
[red]
background-attachment: fixed;
[/red]
Kolla mer på background-attachment: fixed;
Annars får du visa lite av din kod
mv Icaaq
11 svar · 426 visningar · startad av Okkido
Hejsan
Säkert ett simpelt problem jag sitter med men mina söknar har inte gett mig resultat.
Jag har en bakgrund som ska dras ut i sidled så att den blir lika bred som sidan ( background-repeat: repeat-x; )
Sedan vill jag att den ska fästas så att den inte påverkas av en vertikal scroller. Så när man scrollar nedåt så påverkas inte bakgrunden.
(background-attachment: fixed;) hade jag för mig att det var men jag får inte det att fungera.
Tack på förhand!
Det ska fungera med
[red]
background-attachment: fixed;
[/red]
Kolla mer på background-attachment: fixed;
Annars får du visa lite av din kod
mv Icaaq
html, body
{
margin: 0px;
padding: 0px;
background-image: url(images/main_bg.gif);
background-attachment: fixed;
background-repeat: repeat-x;
vertical-align: top;
}
Så ser min kod ut.
Med just den koden får jag det att funka som du vill.
http://roslund.homeip.net/mattias/arbetsplats/bg.html
Förstår verkligen inte vad det är som är fel, i nuläget visar den först bakgrunden (har den i en iframe) och när jag scrollar så scrollar den först förbi bakgrunden en gång sen visar den det korrekt som jag vill ha det.
Hmm...
Har du en länk till sidan så att man klura lite mer i detalj kan och se om det t.ex. kanske råkar bli "bieffekter" pga hur resten av koden ser ut eller nå't ?
http://www.bikesupport.se/temp/inloggad/forsaljningsvillkor.php
Där ser ni, jag har tittat på det hur länge som helst men ser inte var jag gör fel.
Just nu visar den bakgrundsbilden en gång sen visar den korrekt resten av vägen.
(Ja, försäljningsvillkoren är från Dustin ;))
Vill du att bakgrunden ska repeteras i y-led också?
Ändra i så fall till:
background-repeat: repeat;
Lite experimenterande gav två resultat:
HTML {
BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(main_bg.gif); MARGIN: 0px; VERTICAL-ALIGN: top; BACKGROUND-REPEAT: repeat-x; HEIGHT: 100%
}
BODY {
BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(main_bg.gif); MARGIN: 0px; VERTICAL-ALIGN: top; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100%
}
Ändrade som du gjort och visst ser det lite bättre ut, men fortfarande något fel.
Fungerar finnemang i Firebird, dock inte i IE.. vill minnas jag haft ett liknande
problem och då berodde detta på html, body-deklarationen.
Vad händer om du tar bort html där?
Visst var det HTML som förstörde det, hade för mig att det var nått av det första jag testade men jag måste ha haft något annat fel då :) Thanks everyone!