It's true I love transparencies, unfortunately the great minds at Microsoft did not feel the way I did until they released IE7.  You see IE6 lacks the inherit ability to cope with the transparency layer in PNG files.  There are of course a lot of hacks to get around this which I will not go in depth into today.

If you want to read more about PNG's and IE6 read this post.

Instead I would like to show a technique that I have used recently to create dynamic interfaces using a minimal set of graphic files.

Here is the problem I'm trying to solve.  I have a site that has a wonderful gradient Menu bar/ Nav Panel/ Box/ whatever that needs to change color or have multiple colors.  Now what you could do is make a bunch of different back grounds for each color you want or (my technique) have a transparent PNG cover the solid CSS based background color and simply change the color in CSS to match.

Here is an example of what a typical transparent nav bar will look like...
Read the rest of this entry »