Kom ihåg mig?
Home Menu

Menu


CSS - två bakgrunds bilder

Ämnesverktyg Visningsalternativ
Oläst 2006-09-01, 11:36 #1
jarnheimers avatar
jarnheimer jarnheimer är inte uppkopplad
Medlem
 
Reg.datum: May 2006
Inlägg: 105
jarnheimer jarnheimer är inte uppkopplad
Medlem
jarnheimers avatar
 
Reg.datum: May 2006
Inlägg: 105
Hej allihopa!

Jag har problem med stilllmallen till min hemsida. Går det att få så båda bakgrundsbilderna (bg.gif och bg2.gif) visas samtidigt?

Kod:
body {background-image: url(bg.gif); 
background-repeat: no-repeat; background-position: left bottom; background-attachment: fixed;}
och
Kod:
body {background-image: url(bg2.gif); 
background-repeat: no-repeat; background-position: right top; background-attachment: fixed;}
Du förstår kanske bättre ifall du besöker http://jarnheimer.se där förtillfället bara en utav bilderna visas.

Stort tack
jarnheimer är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-01, 11:45 #2
Björn Björn är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2004
Inlägg: 1 224
Björn Björn är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2004
Inlägg: 1 224
nej det går inte..
men du kan lägga en div som container direkt under body så att säga och lägga den andra i den.. I detta fall är det smartaste nog att ta två bilder, sätta ett id på dem, och sedan absolut positionera dem.. med z värde alltså.. För genom att länka in bilderna som img och inte i cssen så kan du ju länka dem om du vill utan js.. Ett annat plus med det framför att lägga dem i absolut positionerade div containers är att det är bättre markup.
Björn är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-01, 12:06 #3
jarnheimers avatar
jarnheimer jarnheimer är inte uppkopplad
Medlem
 
Reg.datum: May 2006
Inlägg: 105
jarnheimer jarnheimer är inte uppkopplad
Medlem
jarnheimers avatar
 
Reg.datum: May 2006
Inlägg: 105
Citat:
Originally posted by Björn@Sep 1 2006, 11:45
nej det går inte..
men du kan lägga en div som container direkt under body så att säga och lägga den andra i den.. I detta fall är det smartaste nog att ta två bilder, sätta ett id på dem, och sedan absolut positionera dem.. med z värde alltså.. För genom att länka in bilderna som img och inte i cssen så kan du ju länka dem om du vill utan js.. Ett annat plus med det framför att lägga dem i absolut positionerade div containers är att det är bättre markup.
Kod:
<img src="bg.gif" name="two" border="0" style="position: absolute; right: 0px; top: 0px;">
Med denna kom kommer bg.gif tyvärr framför texten. Vet du möjligtvis hur man ska göra för att den ska placeras längs bak?

Tack
jarnheimer är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-01, 12:08 #4
Kaffe Kaffe är inte uppkopplad
Medlem
 
Reg.datum: Dec 2003
Inlägg: 227
Kaffe Kaffe är inte uppkopplad
Medlem
 
Reg.datum: Dec 2003
Inlägg: 227
Det här kommer att strula till det för lite äldre och mindre nogräknade webbläsare, men om du vill hålla ner extra markup fungerar det att använda HTML som en container också:

Kod:
html {background-image: url(bg.gif); }
body {background-image: url(bg2.gif); }
Kaffe är inte uppkopplad   Svara med citatSvara med citat
Oläst 2006-09-01, 13:55 #5
Björn Björn är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2004
Inlägg: 1 224
Björn Björn är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2004
Inlägg: 1 224
Lägg den ena i bg, och den andra i en absolut positionerad div. Om ingen av dem kan vara längst fram så får du antingen se till att positionera allt absolut, så du kan välja nivå på z värdet, eller så floata en div på nåt smart vis.

Citat:
Ursprungligen postat av jarnheimer
Citat:
Ursprungligen postat av Björn
nej det går inte..
men du kan lägga en div som container direkt under body så att säga och lägga den andra i den.. I detta fall är det smartaste nog att ta två bilder, sätta ett id på dem, och sedan absolut positionera dem.. med z värde alltså.. För genom att länka in bilderna som img och inte i cssen så kan du ju länka dem om du vill utan js.. Ett annat plus med det framför att lägga dem i absolut positionerade div containers är att det är bättre markup.
Kod:
img src=bg.gif name=two border=0 style=position absolute; right 0px; top 0px;
Med denna kom kommer bg.gif tyvärr framför texten. Vet du möjligtvis hur man ska göra för att den ska placeras längs bak?
Tack
Björn är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 21:47.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017