cursor issue: div layering over flash with safari

[cmills83]

Hi

I have a few javascript calls that hide/show divs over a flash movie and even a css/jquery drop down nav that overlaps over the flash movie.

IE6, IE7, IE8, FF2 pc, FF3 pc, and even FF mac are fine, however with Safari the cursor remains an arrow even when rolling over a link if it is layered over the flash. The links and rollovers still work fine, I just cant get the cursor to change to the hand when rolling over a link even with css or js. Z-indexes are set correctly and everything is functional except the cursor. Anyone have a fix?

Thanks

[Beakers]

Have you tried throwing in a cursor: pointer; in the CSS?

[cmills83]

Hi thanks for the reply, yes I have tried doing cursorointer with both css and in the javascript. Its weird, the links and rollovers work fine just an arrow cursor in safari, hope they fix this in an update because I cant find a fix for this.

[ConWise]

Having run into a similar issue, I believe I've come up with a workaround.

Since Flash seems to steal control of the cursor, use flash to set the cursor.

1. Create 2 functions in your flash movie. setHand() and unsetHand(). setHand() creates a clear layer over the whole flash movie with useHandCursor=true. unsetHand() removes the layer.

2. Call setHand()/unsetHand() for all the elements that need the hand cursor using javascript. If you're using jQuery it might look something like this:
$('a').hover(
function(){ flashMovie().setHand(); },
function(){ flashMovie().unsetHand(); }
);

And viola! The pointer cursor is back.