[RESOLVED] z-index question

[khalsted]

Guys,

I'm a newbie and am using Expression Web. I'm creating a web site for a church that needs help. I also am using wimpymp3 for an audio player. I can not get this page to work right:

http://www.conwaycelebration.org/audio/index.htm

The pull down menus are behind the wimpymp3 object. The player's id is wimpy297 and so I put this in the style sheet for the page:

#wimpy297{
z-index: 0;
}

Yet it still doesn't work. Can anyone help me fix this? All the other pages work fine on the site.

I'm about to give up. I may have to just take the menu off that page or move the player way down (but that's just dumb).

Thanks for any help at all.

Ken

[khalsted]

Guys, I got this to work after discovering that flash objects are always on top. This was the answer:

http://www.mail-archive.com/wsg@webstandardsgroup.org/msg31146.html

If anyone else has this problem, please take note. Ken. (answer below)

A couple of things to make it work cross-browser:

- Set the Flash element to have wmode set as opaque or transparent (if you use SWFobject, it's addParam('wmode','opaque');). - Position a transparent IFRAME behind the menus (really not simple if it's not functionality written into the menus you're using), which is required for IE (Win) whenever menus need to go over SELECT boxes or Flash elements. - Remove animation from the drop-down for Firefox Mac users (Flash elements go invisible while the menus slide down otherwise)

One of the more horrible problems drop-down menus experience.

Cheers,

Kit

[bluemoon562]

It's always helpful. I'm glad you got a solution to your problem.

The site looks good!

[WebJoel]

Great! :) Thanks for following-up with your solving this. I'll mark your thread "resolved". :)