Project:Administration menu
Version:5.x-1.2
Component:CSS / Browser Support
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

Simple use case: I have a flash banner at the top of my site. The menu is rendered fine, but when you hover a submenu, the flash stays on top, so several menu's aren't accessable, cf attachment. I've tried adding z-index but no luck, wmode=transparent to flash also fails. Any ideas on this topic ?

Otherwhise, GREAT module!

AttachmentSizeStatusTest resultOperations
menu_under_flash.jpg20.01 KBIgnored: Check issue status.NoneNone

Comments

#1

We are experiencing the same issue on our very own site www.unleashedmind.com
Sorry, no solution yet. Patches welcome. :)

#2

Status:active» fixed

Solution:
Set the flash object attribute wmode to transparent.

Source:
- http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14201&slice...
- http://veerle.duoh.com/index.php/blog/comments/experimenting_with_flash_...
- http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index

This will work in most modern browsers supporting windowless mode. See Adobe KB for exact list of supported browsers.

#3

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

#4

Editing HTML code manually

To edit an existing HTML page, add the WMODE parameters to the HTML code.

1. Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

2. Add the following parameter to the EMBED tag:

wmode="transparent"

From the Adobe KB:
http://kb2.adobe.com/cps/142/tn_14201.html

Will not work without the wmode="transparent" added to EMBED tag!

#5

Note that there is a simple solution for Drupal version 6. Go to your flash image in edit mode, right button click the flash item then select 'Flash Properties' then the tab 'Properties'. Under Windows mode, select "Transparent Mode" then 'OK' then 'save'. Worked for me.

#6

I'm late to this thread but I _highly_ suggest trying the wmode setting of "opaque" rather than "transparent".

Just the fact of setting wmode does something to the flash object, I forget what exactly, I don't think it's z-index but rather something similar in the rendering ('canvas' level?). In my use on non-drupal sites, I found that opaque works fine with respect to these issues.

The reason you want to avoid 'transparent' is that this causes the browser rendering to do transparency math on each and every pixel! Transparency -is- required when the Flash 'stage' truly has transparent areas where the background is suppose to show through, but most Flash objects I see do not do that and are just an opaque square or rectangle.

nobody click here