View Full Version : IE7 and CSS Semi-Transparent PNG Backgrounds

06-05-2007, 06:21 PM
Hello! I hope someone will be able to help me figure this out. I have been designing webpages for a while now, and I've just started my business designing them, and for our 3rd client, we are using Semi-Transparent PNG's to create a sort of 'overlay' effect. The webpage is viewable at client.teamwir3fram3.com/real/ (http://client.teamwir3fram3.com/real/). The issue we are having, is that on our client's laptop (running a fresh install of IE7) the transparent images are giving us a hassle. This is what I see:(Warning, big image links follow)

My IE7 Display: http://mcarroll.teamwir3fram3.com/upload/images/webdesign/real/realie7.jpg

His IE7 Screenshot: http://mcarroll.teamwir3fram3.com/upload/images/webdesign/real/realglitch0.jpg

However, he reports seeing differently, these pictures are from his Treo:

Pic 1: http://mcarroll.teamwir3fram3.com/upload/images/webdesign/real/realglitch1.jpg

Pic 2: http://mcarroll.teamwir3fram3.com/upload/images/rwebdesign/eal/realglitch2.jpg (http://mcarroll.teamwir3fram3.com/upload/images/webdesign/real/realglitch2.jpg)

I'm not quite sure why it looks different on only his laptop, he's tried clearing all temporary files and things of that sort, but we cant seem to make it work. Any suggestions?

EDIT: fixed the links...sry my bad.

06-05-2007, 06:25 PM
I get a “404 Not Found” message when attempting to access all four of those screen shots.

06-05-2007, 06:59 PM
Ok, so after looking around some more, i think it may have something to do with the fact that we are repeating a 1x1 pixel png. I'll try expanding that and see if it helps.

06-05-2007, 08:03 PM
Roger That, after resizing the images to be a little larger, his IE finally came around and rendered it right. Yay for troubleshooting