Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
On 7/31/06 6:00 PM, Micky Hulse [EMAIL PROTECTED] wrote: Here is the example used from that article: WMODE(s): http://snipurl.com/u6hx I noticed that they have no hover actions happening. Do hover actions cause issues with opaque as well (in Safari)? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS based menu popping behind Flash movie only in Safari problem
This works in IE6 and not safari!?! I would confirm the z-index of your dropdown parent container and flash parent container. If you havent set this, apply position:relative z-index:1 to the flash container and position:relative; z-index:5 to the dropdown container to see if that helps. Applying it to the container instead of the dropdown/flash themselves will help you in ie6. you may have to do both: flash container z-index1, flash- z-index:2, dropdowncontainer:z-index5; dropdown:z-index:10 If you can survive without zindex, you are better off. Id also check to see how you are embedding the flash movie. Are you using the UFO script, embed, object, combination? Ted www.last-child.com From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Corrie Potter Sent: Monday, July 31, 2006 7:58 AM To: wsg@webstandardsgroup.org Subject: [WSG] CSS based menu popping behind Flash movie only in Safari problem I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. In Safari the menu displays over the flash movie but when you go over the top of sub menu items they drop behind the flash movie for some reason. Is there anyone out there that can help me? I really appreciate it! Corrie Potter **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help** **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
From: Corrie Potter [EMAIL PROTECTED] I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. In Safari the menu displays over the flash movie but when you go over the top of sub menu items they drop behind the flash movie for some reason. Is there anyone out there that can help me? I really appreciate it! It's a Safari bug. Last year, a Macromedia engineer filed a bug report with Apple. It has not been acted upon. The only workarounds are to either: 1. Get rid of Flash (usually not a bad idea :-) 2. Use a script to hide or replace the Flash when the submenus are being shown. 3. Eliminate all hover behaviors for the submenus. You can also write to Apple and report the issue. I imagine if enough people report it, they might decide to fix it. It seems tied to the techniques that Safari uses to create the illusion of speed. Mozilla uses similar tricks, but with a bit more aplomb :-) -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
I've seen this behavior first hand. Z-index doesn't help. The flash movie tends to peak through most things that appears on top of it - ESPECIALLY if it is animated in anyway.My solution: on rollover - hide the movie.Safari seems to be the only one that has this problem in fact.www.rommil.com | www.webflightcheck.comOn 31-Jul-06, at 11:17 AM, Ted Drake wrote:This works in IE6 and not safari!?!I would confirm the z-index of your dropdown parent container and flash parent container. If you haven’t set this, apply position:relative z-index:1 to the flash container and position:relative; z-index:5 to the dropdown container to see if that helps. Applying it to the container instead of the dropdown/flash themselves will help you in ie6. you may have to do both: flash container – z-index1, flash- z-index:2, dropdowncontainer:z-index5; dropdown:z-index:10… If you can survive without zindex, you are better off. I’d also check to see how you are embedding the flash movie. Are you using the UFO script, embed, object, combination…? Tedwww.last-child.com From: listdad@webstandardsgroup.org [mailto:listdad@webstandardsgroup.org] On Behalf Of Corrie PotterSent: Monday, July 31, 2006 7:58 AMTo: wsg@webstandardsgroup.orgSubject: [WSG] CSS based menu popping behind Flash movie only in Safari problem I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. In Safari the menu displays over the flash movie but when you go over the top of sub menu items they drop behind the flash movie for some reason. Is there anyone out there that can help me? I really appreciate it! Corrie Potter**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
Title: Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem On 7/31/06 11:17 AM, Ted Drake [EMAIL PROTECTED] wrote: I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. In Safari the menu displays over the flash movie but when you go over the top of sub menu items they drop behind the flash movie for some reason. Is there anyone out there that can help me? I really appreciate it! Corrie Potter We have this as well. Flash wmode set to transparent/opaque AND absolutely no hover actions at all will usually fix it. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
From what I can find in the bug reports at http://bugzilla.opendarwin.org/ at least some WebKit developers seem to be of the opinion that this is due to a bug in the Flash plugin - see for example the comments at: http://bugzilla.opendarwin.org/show_bug.cgi?id=10111 But also see http://bugzilla.opendarwin.org/show_bug.cgi?id=6996 which casts some doubt on where exactly responsibility lies. Rommil Santiago wrote: I've seen this behavior first hand. Z-index doesn't help. The flash movie tends to peak through most things that appears on top of it - ESPECIALLY if it is animated in anyway. My solution: on rollover - hide the movie. Safari seems to be the only one that has this problem in fact. www.rommil.com | www.webflightcheck.com http://www.webflightcheck.com/ On 31-Jul-06, at 11:17 AM, Ted Drake wrote: This works in IE6 and not safari!?! I would confirm the z-index of your dropdown parent container and flash parent container. If you haven’t set this, apply position:relative z-index:1 to the flash container and position:relative; z-index:5 to the dropdown container to see if that helps. Applying it to the container instead of the dropdown/flash themselves will help you in ie6. you may have to do both: flash container – z-index1, flash- z-index:2, dropdowncontainer:z-index5; dropdown:z-index:10… If you can survive without zindex, you are better off. I’d also check to see how you are embedding the flash movie. Are you using the UFO script, embed, object, combination…? Ted www.last-child.com http://www.last-child.com/ * From: * listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] *On Behalf Of *Corrie Potter *Sent:* Monday, July 31, 2006 7:58 AM *To:* wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org *Subject:* [WSG] CSS based menu popping behind Flash movie only in Safari problem I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. In Safari the menu displays over the flash movie but when you go over the top of sub menu items they drop behind the flash movie for some reason. Is there anyone out there that can help me? I really appreciate it! Corrie Potter -- Nick Fitzsimons http://www.nickfitz.co.uk/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
From what I can find in the bug reports at http://bugzilla.opendarwin.org/ at least some WebKit developers seem to be of the opinion that this is due to a bug in the Flash plugin - see for example the comments at: http://bugzilla.opendarwin.org/show_bug.cgi?id=10111 But also see http://bugzilla.opendarwin.org/show_bug.cgi?id=6996 which casts some doubt on where exactly responsibility lies. I think it actually casts more than doubt, the thread kind of ends with this remark: Firefox (using the same Flash v8 plugin) draws the menu's correctly. There are related bugs in Safari that become apparent when usinig the DOM to add behavior to a page. They are obviously taking shortcuts to make their browser appear as fast as they can. But I guess that kind of goes off-topic, so that's all he wrote :-) -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
Corrie, Sounds like wmode=transparent is not set correctly ...!? Next you could try the IE trick used to show dhtml navs over form input elements - i.e. dynamicially position an iframe behind the dhtml element - Googled this and came up with http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html Cheers Ken McCormack www.p21.com.au Rommil Santiago wrote: I've seen this behavior first hand. Z-index doesn't help. The flash movie tends to peak through most things that appears on top of it - ESPECIALLY if it is animated in anyway. My solution: on rollover - hide the movie. Safari seems to be the only one that has this problem in fact. www.rommil.com | www.webflightcheck.com http://www.webflightcheck.com/ On 31-Jul-06, at 11:17 AM, Ted Drake wrote: This works in IE6 and not safari!?! I would confirm the z-index of your dropdown parent container and flash parent container. If you haven’t set this, apply position:relative z-index:1 to the flash container and position:relative; z-index:5 to the dropdown container to see if that helps. Applying it to the container instead of the dropdown/flash themselves will help you in ie6. you may have to do both: flash container – z-index1, flash- z-index:2, dropdowncontainer:z-index5; dropdown:z-index:10… If you can survive without zindex, you are better off. I’d also check to see how you are embedding the flash movie. Are you using the UFO script, embed, object, combination…? Ted www.last-child.com http://www.last-child.com/ *From:* listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] *On Behalf Of *Corrie Potter *Sent:* Monday, July 31, 2006 7:58 AM *To:* wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org *Subject:* [WSG] CSS based menu popping behind Flash movie only in Safari problem I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. In Safari the menu displays over the flash movie but when you go over the top of sub menu items they drop behind the flash movie for some reason. Is there anyone out there that can help me? I really appreciate it! Corrie Potter ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS based menu popping behind Flash movie only in Safari problem
Corrie Potter wrote: I have a CSS based dynamic menu that drops down and there is a flash movie that is right under the menu. The flash movie is set to transparent and the menu pops down over the flash menu in all browsers correctly except in Safari. wmode=opaque Not a 100% fix... but is usable and works better (imho) than transparent. You might gander at: Flash, DHTML Menus and Accessibility: http://snipurl.com/m08r This article has shown you reasons you may want to use opaque mode in your Flash movies. Opaque mode allows your DHTML drop down menus to stay in front of your Flash movie as well as hiding non-essential Flash from screen readers. Yes, transparent mode will also allow your DHTML drop down menus to render properly and will hide non-essential Flash, but due to possible performance issues, that's best left for opaque mode. Use transparent mode to show elements stacked beneath your Flash movie and when actual transparency is needed. Here is the example used from that article: WMODE(s): http://snipurl.com/u6hx Hths. Cheers, Micky ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
