Welcome to WebmasterWorld Guest from 54.211.101.8

Forum Moderators: not2easy

See thru table or lens effect, transparent?

   
1:17 am on Feb 22, 2009 (gmt 0)

5+ Year Member



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

7:59 pm on Feb 22, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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.

8:16 pm on Mar 4, 2009 (gmt 0)

5+ Year Member



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.
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month