Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

See thru table or lens effect, transparent?

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

New User

5+ Year Member

joined:Feb 22, 2009
votes: 0

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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 17, 2001
votes: 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.

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

Full Member

5+ Year Member

joined:Mar 3, 2009
posts: 227
votes: 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.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members