Greying out a website

adamph

adamph

adamph

Associate
Joined
24 May 2007
Posts
611
Location
Tunbridge Wells
I have been asked to grey out a website (a bit like how lightbox does.)

Haven't been able to find a solution that works across all browsers properly. I lookedat the http://script.aculo.us/ website but it just made my head hurt.

Anyone know of an easy solution to this?
 
A Div (100% height and width of the page), colour black or grey, then use the CSS filters to make it kinda see thru, set the CSS display to "None" (which hides it) then to make it appear change the Display Style on it to "" :)
Think this is what you want.
 
Septh said:
A Div (100% height and width of the page), colour black or grey, then use the CSS filters to make it kinda see thru, set the CSS display to "None" (which hides it) then to make it appear change the Display Style on it to "" :)
Think this is what you want.
Click to expand...

Hey thanks for the reply, I actually literally just finished it before I checked here again lol.

I did something similar but with Javascript that created a dynamic div, lowered its opacity and z-indexed it :D

Thanks anyhow
 
adamph said:
Hey thanks for the reply, I actually literally just finished it before I checked here again lol.

I did something similar but with Javascript that created a dynamic div, lowered its opacity and z-indexed it :D

Thanks anyhow
Click to expand...

Does it still work if you scroll the page?
 
adamph said:
Hey thanks for the reply, I actually literally just finished it before I checked here again lol.

I did something similar but with Javascript that created a dynamic div, lowered its opacity and z-indexed it :D

Thanks anyhow
Click to expand...

Basicly the same thing then :D

It should work when you scroll if you set the height to 100% I think
 
You must log in or register to reply here.
Back
Top Bottom