webForumDet fria alternativet

Bakgrundsbild i Div tagg

HTML & CSS

5 svar · 927 visningar · startad av jlee

Medlem sedan dec. 2002378 inlägg
Frågan#1

Har gjort en bakgrundsbild i en div tagg med hjälp av css. Bidlen syns i IE 6 men inte i IE 7 och firefox. Varför? Går det inte att göra så i IE7 och firef?

Medlem sedan nov. 20051 317 inlägg
#2

hm... låter jättekonstigt.

Har du satt storlek på divven?

testa detta:

#minDiv {
background-image:url(background.gif);
background-repeat:no-repeat;
width:200px;
height:200px;
}

Det är så jag gör. Finns ju några olika sätt, men det där har aldrig strulat för mig i dom olika webläsarna!

Medlem sedan dec. 2002378 inlägg
#3

Ja, nu har jag satt storlek men ingen skillnad - men det var en tabell förresten, sen ligger det divvar i den ovanpå:

.bakis {
background: url(administrator/components/com_virtuemart/html/templates/product_details/bakis.jpg) no-repeat fixed left top width:500px; height:250px;;
}

<table width=85% cellpadding="5" class="bakis">

Medlem sedan dec. 20042 245 inlägg
#4

Syntaxfel. Kolla med validatorn eller errorkonsollen i Firefox/Opera.

.bakis {
background: url(administrator/components/com_virtuemart/html/templates/product_details/bakis.jpg) no-repeat fixed left top; width:500px; height:250px;
}

Men jag tror den egentligen anledningen är att du angett "fixed", som IE6 saknar stöd för men IE7 och Firefox har stöd för. Fixed betyder att bakgrundsbilden ligger kvar på samma ställe när man scrollar.

Medlem sedan dec. 2002378 inlägg
#5

Ok, men det var i IE jag kan se bilden. Då borde det väl vara tvärtom om Fixed var problemet?

Medlem sedan dec. 20042 245 inlägg
#6

Nej. Du vill inte ha fixed. (Du vill ha som det är i IE6.)

250 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)