| | |
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)
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxhelp animate automatically beta box bug calendar captcha cart checkbox child class column cookies createrange() css cursor decimal design dom download dropdown editor element engine enter error events explorer file focus form forms frameworks google gwt html htmlform ie8 iframe image() images index internet java javascript jawascriptruntimeerror jquery jsf jsfile jump listbox math matrixcaptcha menu microsoft mimic mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent pdf php player post problem progressbar prototype rated rating regex runtime scale scroll search select session shopping size sql star starrating stars text textarea validation w3c web website window windowofwords windowsxp wysiwyg xml \n





