homepage Welcome to WebmasterWorld Guest from 54.197.74.130
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

    
Nearly impossible to do: overlay all website
onetry




msg:3746421
 4:03 pm on Sep 17, 2008 (gmt 0)

I'm a webmaster from 2000. Few days ago a very strange project arrived in my hands.

I have a photoshop layout that I am supposed to slice and mount into HTML+CSS. This is a very common task for me....but this time is different.

Final goal is to have a semi-transparent grid layer that overlay ALL website content (text, pics tables,colors) ... as concept imagine a background image pattern that stay ABOVE website content and not below.

Do you know a way to obtain this effect without impact on other standard functionality of a webpage ?

I tried for example some DIV structures with

opacity: 0.n;
-moz-opacity: 0.n;
filter: alpha(opacity=n);

CSS properties but it has some problems regarding colors opacity and control over elements under that DIV...

Any help much much appreciated.

Best regards.

 

surrealillusions




msg:3746665
 8:35 pm on Sep 17, 2008 (gmt 0)

The lightbox/thickbox technique does this but only on an onclick command and of course uses javascript.

Thats the only thing that i know does that, might be a worth looking into it to see if you can take what that uses and implement it into your site.

The other thing, is why are they doing this? Cant you mimic the effect by adding the overlay as the background and putting opacity stuff onto the stuff on the page to give it an effect of having an image overlay?

onetry




msg:3746901
 7:47 am on Sep 18, 2008 (gmt 0)

The lightbox/thickbox technique does this but only on an onclick command and of course uses javascript.

The problem with this techniques is that are all MODAL...all things behind layers are simply inaccessible.

The other thing, is why are they doing this? Cant you mimic the effect by adding the overlay as the background and putting opacity stuff onto the stuff on the page to give it an effect.

Good point, but (for example) there are some pics on website that if I add some opacity onto them they won't appear as they should. Colors,brightness and all beauty of photo is gone. This is not acceptable.

Probably there is no solution: I have to export entire website as jpeg image (bleah!) ...

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