Hi all,

I want to apply this effect to a website I am working on. The affect im after is when you mouse over the image you get a transparent box with information in. Does anyone know how this can be done ??

http://imnotbatman.co.uk/

Thanks in advance

It's simply a disjointed rollover with the popup overlay set with transparency.

Similar to how LightBox works.

Hi Chris,

Thanks for that. What best way to do this? can I use behaviors and add a hide and show ? How do you get the overlay to be set with transparency ? and how do you overlay one div onto another div ?

Thanks :P

CSS Transparency Be aware that opacity set on lower layers of the stacking order in a container will cascade through to the top layer of the stack.

and how do you overlay one div onto another div ?

With postioning and stacking (z-index) -> http://www.modtalk.co.uk/_site/code/...ning/relative/ (work in progress)

Hi chris,

That was very helpful. I got it kinder working now, I got it to display where I want it and t be transparent. The problem I am having is trying to apply a behavior to hide it onload and then display when you mouse over.

<h2><span><a href="Weezer.html">This is some text to see if it is working</a></span></h2>

This is how I have got it then using CSS to place it and set it to be transparent.It only want to let me hide it and that if its an image

Any more help be nice please :P

http://www.modtalk.co.uk/_site/code/...oll-over-tabs/