Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Image transparency in IE9

One image on my iWeb site is not displaying its transparency in Internet Explorer 9. It works fine in every other browser (including IE8).


I have tried a couple of filters. Microsoft's alpha image loader made it work in IE9 but made the picture disappear in other browsers

iWeb '09-OTHER, Mac OS X (10.7.2)

Posted on Jan 23, 2012 4:02 AM

Reply
6 replies

Jan 23, 2012 1:05 PM in response to sjpablo

To cover all browsers you need to a have more than one setting for transparency in the CSS. Its getting a little better if you ignore very old browsers but you still need two settings to cover IE V 7, 8, 9, plus Firefox, Chrome, Safari and Opera...


.transparent {

/* Theoritically required for IE 9 and is more valid but filter also works*/

-ms-filter: "progrid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* For IE 5, 6, 7, but aloso works in IE8 and 9*/

filter: alpha(opacity=50);

/* For all modern browsers including IE 9*/

opacity: 0.5;

}


Since iWeb is not being developed any more, I doubt there will be an update to cover the idiosyncrasies of IE 9! Yet another reason to find another way to create websites.

Jan 25, 2012 12:43 AM in response to Roddy

Roddy,

Thanks for your reply. I had tried those filters and failed. I have however fixed the problem!

I noticed that when loading the site from a local file the picture loaded OK until the active x control ran so I checked all of the javascript files.


I commented out the following line

fixAllIEPNGs('Media/transparent.gif');Widget.onload();fixupIECSS3Opacity('id1'); IMpreload('About_files','shapeimage_5','0');applyEffects()}


It now seems to work in every browser and version of IE!

Jan 25, 2012 4:41 PM in response to sjpablo

fixAllIEPNGs('Media/transparent.gif');Widget.onload();fixupIECSS3Opacity('id1'); IMpreload('About_files','shapeimage_5','0');applyEffects()}


commenting out the javascript code will mess up other parts of your page: 1) iweb widgets may act up and 2) any effects such as frames, strokes, shadows, etc (if any) will not render.


the problem is iweb's fixAllIEPNGs javascript function checks for ie effective browser version only up to ie8, so it never render alpha loader in ie9.

give apple feedback: http://www.apple.com/feedback/iweb.html

-----------------------

here is what the correct code can do:

http://temp.cyclosaurus.com/revolving/iWeb_IE9_AlphaLoader.html

-----------------------


btw, ie9 is actually (a lot) more complied to w3 recommendation than it's previous versions... even has webkit

Jan 25, 2012 5:36 PM in response to Cyclosaurus

Sending feedback to Apple about iWeb has always been like firing arrows at a stone wall. I doubt if they will bother to address this and other issues now that they have stopped supporting the application.


Who knows what's going to happen when MobileMe shuts down and I doubt if they will update iWeb to remove all the stuff related to publishing to it.

Jan 26, 2012 2:15 AM in response to Cyclosaurus

Luckily it hasn't broken anything else on the page (that I can see!). You say here is what the correct code can do. What code did you add and to what did you add it? Did you amend the javascript?


I have looked at the source of that site and the javascript looks slightly different but if you could confirm that would be great.


I doubt submitting feedback will help although I did have an Apple engineer booked in to call me about it but I cancelled it when I fixed the problem!

Image transparency in IE9

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.