Popup description on image hover

[visualazza]

hi everyone,

 

im having some trouble with design im working on.

 

Basically what i want to achieve is when the user hovers on an image, a semi-transparent black box pops up over the image with a description.

 

I have tried a few ways but am now stuck for ideas.

 

My first solution was to make it popup with javaScripts onmouseover but this wouldnt work because the popup then goes over the image so the cursor is now not over the image.

 

Ive tried doing it the way i make some of my navigation bars with a display:none ul and li menu but again no such luck.

 

here is a quick flash version of what i am trying to make.

 

http://staggasaurarts.com/test.swf

 

In the words of Jar Jar Binx "Any help here would be hot"

 

Thanks

[lostprophetpunk]

You can do this with CSS, but you will have to fix the opacity setting for Internet Explorer.

 

Article on CSS3 hovers

Demo for above article

 

The way you can fix the opacity is by adding this code for Internet Explorer for your code...

filter:alpha(opacity=40);

 

Hope this helps.

[visualazza]

thanks for the help,

 

it works perfectly.