onetry - 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.