webForumDet fria alternativet

Bakgrund ska fästas men upprepas.

HTML & CSS

11 svar · 426 visningar · startad av Okkido

Medlem sedan maj 20007 492 inlägg
Frågan#1

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!

Medlem sedan okt. 20005 273 inlägg
#2

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

Medlem sedan maj 20007 492 inlägg
#3
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.

Medlem sedan sep. 20021 655 inlägg
#4

Med just den koden får jag det att funka som du vill.
http://roslund.homeip.net/mattias/arbetsplats/bg.html

Medlem sedan maj 20007 492 inlägg
#5

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.

Medlem sedan juli 20013 378 inlägg
#6

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 ?

Medlem sedan maj 20007 492 inlägg
#7

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 ;))

Medlem sedan sep. 20021 655 inlägg
#8

Vill du att bakgrunden ska repeteras i y-led också?

Ändra i så fall till:

background-repeat: repeat;
Medlem sedan aug. 20039 340 inlägg
#9

Lite experimenterande gav två resultat:

  1. När jag tog bort DOCTYPE-deklarationen, funkade bakgrunden korrekt. Däremot funkade inte en del andra saker...
  2. Jag använde IE för att spara sidan på hårddisken. IE ändrade då en del saker i HTML. I CSS-filen särade IE på BODY och HTML deklarationerna.
    Jag ändrade koden till följande och det funkade finfint.
 
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%
}
Medlem sedan maj 20007 492 inlägg
#10

Ändrade som du gjort och visst ser det lite bättre ut, men fortfarande något fel.

Medlem sedan apr. 20003 174 inlägg
#11

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?

Medlem sedan maj 20007 492 inlägg
#12

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!

243 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)
114 ms — ändringar (db)