Brandon
|
I created a submenu with Artisteer, but it stacks behind the embedded flash player on my site. Additionally, a pop-up box will appear behind my boxes:
For example, you can see the problem by hovering over the "today" widget, or by hovering over the "Movies" menu on the following page:
http://www.brandonmdennis.com/oxhorn/movies/an-oxhorn-brand-medley/
How do I go about fixing this?
Thanks!
|
| |
Garry
|
Are you Joomla, if yes, you should post your question in Joomla section of this forum to get best replies
BTW problem seems to be with your z-index, either z-index is not assigned to sub menus or it is lower than your movie (content div)
|
| |
Brandon
|
No, I am Wordpress, which is why I posted here :)
I heard much talk about the z-index when I googled the problem, and I even went in and raised the z-index in the style sheet to a crazy high number (5000) but it did not seem to help. I do not think it is a z-index issue.
Maybe I'm wrong though. Does anyone know Artisteer submenus well and would be able to tell me which file to edit, and which line to raise the z-index to which value?
Or could it be another problem? I am pushing the site live on Monday, and would love to get it resolved by then.
This issue is happening with any flash player, as can be seen on my TV page as well:
http://www.brandonmdennis.com/oxhorn/oxhorn-tv/
Thanks in advance!
|
| |
Bob
|
this is posted somewhere else on the forum here....
use transparent wmode, search google "transparent wmode",
I have not played with it though I just moved my videos down. Might be something to look at.
|
| |
brettbum
|
Been my experience that this is buggy code with various flash players or at least code that is not optimal and doesn't play nice everywhere.
Here's the fix that you probably need to use
http://www.top10tech.com/web/2009/06/02/blogging-tips/wordpress/how-to-fix-drop-down-menus-to-hover-over-flash-objects/
|
| |
Bob
|
It Works!
Just added 2 things to a youtube video code to make the drop downs appear over it.
Add
<param name="wmode" value="transparent" />
next to one of the other param tags
and also add
wmode="transparent"
in the embed tag.
<embed src="http://www.youtube.com/v/-_XQ2NSPuiU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="300" wmode="transparent">
Thanks brettbum
|
| |
brettbum
|
NP that drove me nuts a few months back. :) The downside is that the players all tend to not include this code, making assumptions I guess, so if you have a site where video shows up towards the top of the post a lot, you'll have to insert this info a lot. :)
|
| |