[thelist] using z-index so flash gives up focus in ie

Nadeem Hosenbokus nadeem at nadeemh.com
Mon Jul 16 09:37:53 CDT 2012


Hi Chris,

Flash is a pain (yep - I one of those haters - sorry) but sometimes it's
cost effective to just do it in Flash.

I had this problem before and it was resolved by doing the following:

1. Make sure your Flash is opaque - you need to set this in the param tag
AND embed tag for it work cross-browser
2. Set a CSS position attribute (relative or absolute) for all the elements
involved - in your case I guess it'll be the movie container and drop-down
3. Get you z-indexes right (which you have already)

That should do the trick on all browsers.

However, if you continue to have problems then check your markup -
especially that all the elements have a position and z-index (for example,
you might need to set that on the container for the drop-down as well as the
drop-down itself).

If that still doesn't work then resort to JQuery and set the positions and
z-index through Javascript. I suggest this because it should provide the
same ordering across the different browsers and as a last resort because
it's not an ideal solution to the problem (but when you have to deliver a
troublesome project some ideals go out the window right?).

Hope this helps,

Nadeem Hosenbokus
(230) 766 9169
www.nadeemh.com



-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Chris Price
Sent: 15 July 2012 23:27
To: thelist at lists.evolt.org
Subject: [thelist] using z-index so flash gives up focus in ie

Hi

I have a very simple page with a navigation menu and a flash movie and I
want the drop down menu to appear over the movie.

Simply giving the movie container a lower z-index than the nav works in
Firefox but doesn't work in IE9.

I've tried applying focus and blur on the movie container and the menu but
it doesn't work (I suspect the containers don't qualify for blur and focus).

I know an 'a' will accept focus but that looks like a very complicated way
of finding a solution.

Does anyone know why IE doesn't apply the z-index properly?

The page is at http://escendency.com/video (videos can be chosen from the
menu).

-- 

Chris.Price
@Choctaw.co.uk <http://%5C%5Cchoctaw.co.uk/>
0777 629 0227

Design is my native language

Choctaw Media Ltd is a company registered in England and Wales (04627649)
-- 

* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt ! 



More information about the thelist mailing list