Jump to content

Semi-transparent Overlay


ndelc
 Share

Recommended Posts

I have been searching like crazy to figure out how to create a semi-transparent overlay that fills the whole screen with a graphic in it - essentially a nice image gallery. I've seen these types of pages a lot but I don't know exactly what type of technology to use to create it. Can anyone point me in the right direction?Thanks!

Link to comment
Share on other sites

To create a transparent overlay, you'll need a div with opacity set anywhere below 1, absolute positioning, width and height 100%, left and top set to 0 and a z-index that is higher than every other element, and the necessary JavaScript to make it all work (okay, you probably could use CSS for it but it'd be daft). There are loads of bits of code you can find free like lightbox that will do exactly what you want if the stuff I've just said doesn't mean anything to you.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...