<html>
<head>
<style>
P
{
margin:0px;
padding:0px
}
body
{
FONT-SIZE: 10pt;
FONT-FAMILY:Tahoma
}
</style>
</head>
<body>Come on!<BR>
I've mistakenly stated PNG instead of GIF. (Well, what was I thinking?!)<BR >Otherwise it would be nonsense, because IE4.01 with filter implementation and support<BR >came out as a patch or upgrade during 1997. While <FONT class="">PNG, even if proposed in 1996,</FONT> <BR>
became a W3C Recommendation only by the end of year 1998. <BR>
Therefore PNG didn't officially exist when IE implemented filters.<BR >So, this should clear out my mistake. And nope, PNG was developed by CompuServe, -the same guys who are<BR>
responsible for all that mess caused by their "free" GIF.<BR >***<BR>
I was not offering a PNG alpha support to this guy, but emulation.<BR>
The syntax comes from a far more older model of filtering any html object<BR>
so you can use it to declare the transparent color of any image including PNG with transparent color. <BR>
So in PNG case, you can always write:<BR>
style=<FONT class="">"<FONT class="">filter:chroma</FONT></FONT>(color='#C2CBCF')" //gaining back PNG's transparent field if encountered IE version fails to render it!<BR>
making it compatible all the way back to ie4. <BR>
That's a Decade of compatibility.<BR>
Other browsers supporting alpha should simply ignore this style declaration.<BR>
If backward compatibility is not an issue, here is another link to<BR>
<A href="http://www.alistapart.com/articles/pngopacity/" >http://www.alistapart.com/articles/pngopacity/</A><BR>
some very good examples on using <FONT class="">AlphaImageLoader</FONT>.<BR >Although, I can't explain the reason behind the fact that all the major browsers failed to fully support PNG until all the Unisys patents<BR>
covering GIF totally expired.<BR>
So, you tell me.<BR >~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR>
Troy III<BR>
progressive art enterprise<BR>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR >
<HR id=stopSpelling>
> Date: Tue, 11 Jul 2006 10:49:56 +0100<BR>> From: nick@nickfitz.co.uk<BR>> To: javascript@LaTech.edu<BR>> Subject: Re: [Javascript] transparent png<BR>> <BR>> Troy III Ajnej wrote:<BR>> > IE was hoping not to mess with PNG rights and patents, so they introduced<BR>> > filters since IE4x<BR>> <BR>> I'm not sure why you feel this compulsive need to pretend that Microsoft <BR>> isn't responsible for its own failings (even Bill Gates has admitted <BR>> that they dropped the ball on IE) but PNG was never surrounded by rights <BR>> and patents issues, being an open W3C standard. Your assertion is made <BR>> even more preposterous by the fact that Michael Stokes of Microsoft was <BR>> one of the authors of the PNG standard:<BR>> <http://www.w3.org/TR/PNG/#F-Relationship><BR>> <BR>> > try this: (CSS)<BR>> > filter:alpha(opacity='50') //half<BR>> > or if you like discrete-color full transparency:<BR>> > filter:chroma(color='#0000ff') //blue<BR>> <BR>> Neither of these has anything to do with PNG alpha transparency, which <BR>> is what Schalk was asking about. I'll respond to his original enquiry <BR>> below...<BR>> <BR>> > > Does anyone know of a definitive way of making transparent png work in <BR>> > > IE 6-. I am using http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html<BR>> > ><BR>> > > But as of now I cannot confirm that it works. It may be because I have <BR>> > > IE7 installed on the same system but according to the IE blog this <BR>> > > should be backwards compatible, so I am curious. Thanks!<BR>> > ><BR>> > > -- <BR>> > > Kind Regards<BR>> > > Schalk Neethling<BR>> <BR>> Schalk,<BR>> <BR>> It depends on whether you are looking to get PNGs working as a <BR>> background image through CSS, or as an inline image using the <img> element.<BR>> <BR>> In the "background-image" case you will find that IE's limited support <BR>> for alpha transparency via the AlphaImageLoader means that not all <BR>> designs can be implemented with ease, or at all; for more details, have <BR>> a look at my recent post to the css-discuss mailing list:<BR>> <http://archivist.incutio.com/viewlist/css-discuss/76522><BR>> <BR>> For the "<img>" case, there's an older post to css-d on the subject:<BR>> <http://archivist.incutio.com/viewlist/css-discuss/72894><BR>> <BR>> For examples of this in action without needing an HTC file or any <BR>> JavaScript, you could have a look at<BR>> <BR>> <http://www.gwrfmbristol.co.uk/showsanddjs><BR>> <BR>> On that page, the images of the DJs are done with <img> elements, and <BR>> the gradient backgrounds are background PNGs going from 100% transparent <BR>> to 0% transparent. Due to some limitations of the content management <BR>> system (which powers nearly 40 local radio station web sites using that <BR>> design here in the UK), the appropriate CSS and the hacks to get IE <BR>> working properly are in the source of the page, within IE-only <BR>> conditional comments (one of the good things about IE). So if you view <BR>> the source and have a look at the CSS files, you should be able to work <BR>> out what's going on.<BR>> <BR>> Note that there's no JavaScript - I wanted the designs to work even with <BR>> JavaScript off, and the various HTC files, or "behaviors", that people <BR>> have created don't work without JS. However, if a JS-only solution is <BR>> acceptable for your purposes, understanding the content of those two <BR>> css-d posts and that page will enable you to better determine whether <BR>> the behavior you are using is doing its job. A useful tool is the IE Web <BR>> Developer toolbar: while nowhere near as capable as the Firefox <BR>> equivalent, it will allow you to see whether the necessary filters are <BR>> being applied. See:<BR>> <http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en><BR>> <BR>> One common problem with getting the IE filters working is that the <BR>> element to which they are applied must have had its "hasLayout" property <BR>> triggered; see<BR>> <http://www.satzansatz.de/cssd/onhavinglayout.html><BR>> and<BR>> <http://msdn.microsoft.com/library/en-us/IETechCol/cols/dnexpie/expie20050831.asp><BR>> for more on that.<BR>> <BR>> IE7 supports PNG transparency correctly, so the conditional comments <BR>> make sure the fixes are only applied to IE 6 and below. They won't work <BR>> at all on IE less than 5.5, as the AlphaImageLoader was only introduced <BR>> with 5.5.<BR>> <BR>> Oh, and if you have IE6 and IE7 installed side-by-side on the same <BR>> machine you'll have real trouble getting anything working reliably: <BR>> Microsoft have explicitly stated that they don't support side-by-side <BR>> installation, and the interactions between the two are unpredictable, <BR>> particularly when code tries to determine which version it's running on.<BR>> <BR>> HTH,<BR>> <BR>> Nick.<BR>> -- <BR>> Nick Fitzsimons<BR>> http://www.nickfitz.co.uk/<BR>> <BR>> <BR>> _______________________________________________<BR>> Javascript mailing list<BR>> Javascript@LaTech.edu<BR>> https://lists.LaTech.edu/mailman/listinfo/javascript<BR><BR><br /><hr />With MSN Spaces email straight to your blog. Upload jokes, photos and more. It's free! <a href='http://clk.atdmt.com/MSN/go/msnnksac0030000001msn/direct/01/?href=http://www.imagine-msn.com/spaces' target='_new'>It's free!</a></body>
</html>