I was wanting to create a block that was see through (lens effect) like the whitehouse gov site (left side block looks transparent). Is that technology possible through CSS or I have to do that in an art program first and then insert into my website?
-Iowa Rain
choster
7:59 pm on Feb 22, 2009 (gmt 0)
The WH site's left block is not actually transparent, if you view the background images.
That said, you can use a semitransparent PNG as a background, but IE6 does not support them except using a proprietary filter.
CSS_Kidd
8:16 pm on Mar 4, 2009 (gmt 0)
I have done this. It is one of my favorite things to do... Just create a 10 x 10 (doesn't matter what size) and set the transparency to somewhere around 30 (between 30 and 20 is the best effect). Then export it as a png 32 transparent bg, no matte. Set it as a div's background image (repeat) and for IE 6 use a fix like Twin Helix so it will show up and wahlah! Semitransparent background... Looks great as a nice overlay to other background images.
