Welcome to WebmasterWorld Guest from 54.145.173.147

Forum Moderators: not2easy

Message Too Old, No Replies

Nearly impossible to do: overlay all website

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

5+ Year Member



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.

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

5+ Year Member



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?

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

5+ Year Member



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!) ...