Jump to content

Semi-transparent Overlay


ndelc

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...