IE8 background PNG problems - what changed?

Sonny Forelli

Sonny Forelli

Well-known member
May 8, 2008
2,330
89
48
Liberty City
I'm having issues with background images in ie8 only. This is a page that a designer put together (good designer) however I can't figure out what is going on.

if I hit 'compatibility mode' which I believe simulates ie7 it works fine. Of course works fine in Safari/Firefox.

Is there any pointers of what to start searching for to understand or find some info on how to fix this to be ie8 compatible?

I've spent 2 hours and gotten nowhere. This btw is specific to two areas of the page where there is a background color defined, as well as an image. The css looks like this:

.content .bkg_introbox {background:white url(../img/introimage.jpg) no-repeat bottom right;}

and


.form {background:#1776b2 url(../img/bkg_form.png) repeat-x bottom left; border:solid 1px #61889b; border-bottom:solid 2px #61889b;



Did something perhaps change where css like this is no longer kosher in IE8?


Thanks very much for a point in the right direction.
 


found a solution to just force ie7 mode- add this to head

what fucking nonsense, how microsoft keeps shitting out crap like this is just beyond me.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
I use this one on my landing pages. It solves the IE6 problems, not tested it with IE8 as I've never had a problem with it.

http://jquery.andreaseberhard.de/pngFix/

What format are you saving your images as? I assume PNG-24 with transparancy?

Fucking hate IE, I don't discrimate between versions, I hate them all. Guess that makes me a 'hater'.
 
I've never had any png issues w/ IE8. Pretty weird.

@pickledegg - Seriously? I don't really care for any of them, but IE6 gets like 90% of my hate. What a pile of shit.
 
kblessinggr yea, I think PNG-8's do support transparency but its kind of crappy like a gif. The pixels either 'on' or 'off'. PNG-24's have better support. There are also PNG-32's but I think they are sent from the future like Terminator to destroy all other forms of transparency...
 
pickledegg said:
kblessinggr yea, I think PNG-8's do support transparency but its kind of crappy like a gif. The pixels either 'on' or 'off'. PNG-24's have better support. There are also PNG-32's but I think they are sent from the future like Terminator to destroy all other forms of transparency...
Click to expand...

Yes 8but does, but its not alpha-blended transparency, its straight off/on like gif, you'd need to use 24bit png if you use transparency at all (and I just simply use em because they help correct color issues with IE, though I never had a problem with IE7 and up) Only thing I can think of is using color profiles with jpegs and what not which obviously will mismatch to surrounding objects when used in a browser that supports color profiles.
 
You must log in or register to reply here.
Top Bottom