homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

See thru table or lens effect, transparent?

 1:17 am on Feb 22, 2009 (gmt 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)

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)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved