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?
Bakgrundsbild i Div tagg
5 svar · 927 visningar · startad av jlee
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!
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">
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.
Ok, men det var i IE jag kan se bilden. Då borde det väl vara tvärtom om Fixed var problemet?
Nej. Du vill inte ha fixed. (Du vill ha som det är i IE6.)