To obtain a negotiable instrument of opacity on an element, there exists the format of image png 24 bits which accepts up to 256 levels of transparency. Unfortunately Internet Explorer 6 does not take charges this interesting characteristic with it… I will propose a method to you and another allowing to use transparent GIF images or png in a creative way with a page of examples to the key.

Negotiable instrument of transparency with

While waiting for supposed version 7 of Internet Explorer to solve the problem, we can look at what proposes:

  {
     : alpha ;
     - : 0.5;
     - : 0.5;
     : 0.5;
}

This statement makes it possible to implement an opacity of 50% to the element whose is . The first line belongs to Internet Explorer, the second with Mozilla, the third with Konqueror (thus Safari) and the last one belongs to standards !

The unit, although not-valid according to , is not less very effective. With a detail near: it seems that Internet Explorer does not implement opacity to an element not having an explicit width or whose width is equal to : car.

These four lines make it possible to implement a negotiable instrument of transparency skeletal to any element. That it is a question of implementing an opacity to a flat tint of color being above a photograph, or to a photograph being above a flat tint of color, or, why not, implement opacity to a photograph over another… Nothing is allowed ( question), but all is possible;)

Negotiable instrument of transparency with an GIF image or png

To obtain a negotiable instrument of opacity, I reported myself that one could also use a GIF or a transparent png and let show through the background image through the meshs of the net. Very simple to implement, this technique is very powerful in what it makes it possible to obtain from very beautiful negotiable instruments of transparency, while leaving the possibility of exploiting the point of frame.

I leave you with a Review of the possibilities offered by the and the GIF or png transparencies to obtain negotiable instruments of opacity. As always, do not hesitate to display the sample source code.

. Negotiable instrument of frame and opacity

In connection with png

http://www.thinkxtreme.com/

The site of the inventor of the png. Essential.

http://www.thinkxtreme.com/

Very good source of information on the French Portable Network Graphics.

http://www.thinkxtreme.com/

Still a little pedagogy!

In connection with the negotiable instrument of transparency

http://www.thinkxtreme.com/

on web development and the in particular which was extremely useful to me