Well, i posted this entry a few days back in my other blog, and wrote that we can display transluscent images.
That is, they are visible but the opacity is reduced, and we can actually see through them to the objects below them.
The sample worked only in IE, not in FF, and one of my very good friend Kalyan cribbed about me being anti-FF (well thats true to some extent). Well the actual thing was that i didn’t know (yeah i accept), how to do it in FF.
I looked for it on the internet and found, analogous to the "filter" CSS property in IE, FF has "-moz-opacity" CSS property that can be used to specify the opacity for the objects. Recently FF has also started supporting the "opacity" attribute, recommended by W3C.
So here it is, out of the box
[This example also shows an interesting feature of the browsers. The browsers apply the latest CSS attribute that they are able to recognize and the one they encounter at last. Thus specifying the style for the image like above works with both IE and FF. IE comes across filter at last and applies that, whereas, FF applies opacity and simply ignores filter.]
UPDATE: Okay i accept, the builtin extensive security in Spaces wont let me post anything that the IE doesn’t understand, so those of you who’re using FF, you wont be able to see the transluscent image. But TRUST ME, the code snippet works absolutely fine