| | |
cursor issue: div layering over flash with safari
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Jun 2004
Posts: 247
Reputation:
Solved Threads: 1
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
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
Cmills83,
Are you already using
I guess you are but if not, then give it a try.
Airshow
Are you already using
wmode="transparent" as per my solution at post #8 here?I guess you are but if not, then give it a try.
Airshow
50% of the solution lies in accurately describing the problem!
Mmmm, there was just a chance .....
You say you've tried forcing cursor style with js and css so I think you may just have to accept it's an Safari bug.
You could try an internet search to see if someone else has a solution (could be some obscure <meta> or something)
Please post the solution if you find one, it's an intersting problem.
Good luck
Airshow
You say you've tried forcing cursor style with js and css so I think you may just have to accept it's an Safari bug.
You could try an internet search to see if someone else has a solution (could be some obscure <meta> or something)
Please post the solution if you find one, it's an intersting problem.
Good luck
Airshow
Last edited by Airshow; Sep 23rd, 2009 at 2:41 pm.
50% of the solution lies in accurately describing the problem!
Cmills83,
I just did a search and plently of folks report the same or similar problems.
A further thought .....
If you reliably know the position of your overlying HTML elements (ie. if they are absolutely positioned), then you could try placing matching clickable areas (with null actions) in the SWF. This should force the Safari cursor to hand, despite the bug, and other browsers should still work OK. I emphasise should because I haven't done any tests.
Of course, if you don't absolutely position your overlying HTML elements, then you are still up a gum-tree (one of my old dad's favourite expressions).
Airshow
I just did a search and plently of folks report the same or similar problems.
A further thought .....
If you reliably know the position of your overlying HTML elements (ie. if they are absolutely positioned), then you could try placing matching clickable areas (with null actions) in the SWF. This should force the Safari cursor to hand, despite the bug, and other browsers should still work OK. I emphasise should because I haven't done any tests.
Of course, if you don't absolutely position your overlying HTML elements, then you are still up a gum-tree (one of my old dad's favourite expressions).
Airshow
Last edited by Airshow; Sep 24th, 2009 at 3:04 pm.
50% of the solution lies in accurately describing the problem!
![]() |
Similar Threads
- div overflow:hidden flash + mac firefox (HTML and CSS)
- Safari Margin Issue - not the negative margin on a floated element bug (HTML and CSS)
- How to show image in place of swf if flash player is not installed in browser ! (Graphics and Multimedia)
- Help with cursor issue?? (Windows Vista and Windows 7)
- problem with the body and style..... (JavaScript / DHTML / AJAX)
- flash player problems (Mac Software)
- problem with OPERA and SAFARI...help please (IT Professionals' Lounge)
- What flash version in firefox? (Web Browsers)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: search information Snippet
- Next Thread: edit photos with php and jquery (or something else)
Views: 667 | Replies: 6
| Thread Tools | Search this Thread |
Tag cloud for JavaScript / DHTML / AJAX
acid2 ajax ajaxexample ajaxjspservlets array autoplay blackjack browser captcha captchaformproblem cart close codes column css date debugger decimal dependent design developer disablefirebug dom download element embed engine enter error events ext file firefox flash focus form frameworks game gears getselection google gxt hiddenvalue highlightedword hint html ie7 iframe index java javascript javascripthelp2020 javascripts jquery jsp libcurl listbox maps marquee masterpage media menu mp4 onerror onmouseoutdivproblem onmouseover parameters paypal pdf php player position post problem programming prototype rated rating redirect safari scale scriptlets scroll search security select size software solutions sources starrating synchronous toggle tweet unicode variables web webkit webservice window





