argent — 2010-06-06T06:24:02-04:00 — #1
IE7 apparently doesn't render background images written with the 'background' property in CSS.
Can anyone help with a hack for IE 7 to make it show background images?
AND IE6 for that matter
Any help appreciated.
Site in question:
ryanreese — 2010-06-07T23:50:02-04:00 — #2
It's not called legacy mode Ralph, it's called compatibility mjode
Glad you got it fixed.
ryanreese — 2010-06-08T09:36:21-04:00 — #3
[ot]I saw that typo before I submittted my reply, and I decided to let it run just so I'd see if anything came of it :rofl:
It's actually Norwayish[/ot]
argent — 2010-06-06T09:01:19-04:00 — #4
Many thanks! that's encouraging!
I'm testing for my client who has IE7.
It would be handy if I could put IE6 and 7 on my PC for testing - I tried to download IE7 but because I had IE8 already installed it wouldn't allow me to install 7. Any ideas on how I can test on IE 6 and 7.
ryanreese — 2010-06-06T11:42:17-04:00 — #5
Hi, if background images aren't appearing in all of IE, then I know what the error is, and it's easiliy fixed (you probably forgot a space (example below)
There isn't a space there and IE will ignore the rule
If it is just IE7, then try adding haslayout to that element because sometimes IE needs it, min-height:0 for example.
ralphm — 2010-06-06T08:31:17-04:00 — #6
Bg images show up fine in IE6 and 7. Just tested your site in ie7 and it looks just like FF.
Have you done a page refresh, cleared cash etc?
argent — 2010-06-06T23:50:50-04:00 — #7
Thanks for your help, think I have a fix now, please see me reply to ralph above.
argent — 2010-06-06T23:48:34-04:00 — #8
Thanks again for your help, including the links. It seems it's working now.
I did swap from 'background:' to 'background-image:' as well as 'background-repeat:' and 'background-position' etc. I think this may have made the difference.
I tested for IE7 at www.browsershots.org and the site rendered just fine.
Time to call it a fix I think
ralphm — 2010-06-06T09:18:52-04:00 — #9
I tested IE6 too, and the bg images also appear there, so the site looks fine on all.
IE8 has a feature called something like "legacy mode" (I can't remember, as I haven't used it) which lets you view a page as IE7 would render it.
Other than that, you could install a virtual machine which will allow you to run multiple versions of IE, such as:
ralphm — 2010-06-08T00:08:11-04:00 — #10
Ah yep, thought I had that wrong. Thanks Ryan.
I understand the "compatability" bit, but "mjode"? Hmm, was it invented by some Nordic person? :lol: