Hover Buttons covered up by Flash in IE7 and turning up in strange places
Dear All,
We've got a problem with this website (http://www.Digital-Signageuk.com) when viewed by IE7.
Basically the "hover" buttons I've created using css, are placed under the flash animation clip. I can't come up with a good solution. Any ideas??
I had a lot of problems with the hover buttons and in particular where the 1st sub list appears for Firefox. You'll note the "patch". Safari seems to show the webpage upside down (i have a couple of ideas about this), but also the 1st sub list right over on the left. Any ideas would be gratefully received.
http:\\webskape.com http:\\QCL-solutions.com http:\\James-Howard.co.uk http:\\Quick-Leisure.co.uk http:\\digital-signageuk.com
JeevesBond posted this at 17:29 — 9th February 2007.
He has: 3,956 posts
Joined: Jun 2002
You need to move the Flash unfortunately. This has been a problem for Opera and Firefox users for years, somehow IE operated differently, but now seems to treat plugins the same way.
I noticed that you moved the animation, that's the best answer. I'm not a fan of those huge Flash animations anyway, they don't really add any value, just slow down peoples computers!
a Padded Cell our articles site!
askapache posted this at 20:57 — 9th February 2007.
He has: 6 posts
Joined: Feb 2007
I used to have this problem all the time too! Very frustrating. I figured out that there is a parameter for embedding flash files that change the way the flash is displayed in the DOM..
Basically to get your site working change:
<script type="text/javascript">var so = new SWFObject("intro.swf", "flashcontent", "800", "290", "7", "#ffffff");
so.write("flashcontent");
</script>
to
<script type="text/javascript">var so = new SWFObject("intro.swf", "flashcontent", "800", "290", "7", "#ffffff");
so.addParam("wmode", "transparent");
so.write("flashcontent");
</script>
That should work..
Speed Up Sites Apache SSL robots.txt PHP.ini Elite htaccess
askapache posted this at 20:59 — 9th February 2007.
He has: 6 posts
Joined: Feb 2007
Oh and then if that doesn't immediately work than you need to change the z-index value of the elements by absolutely positioning them.
JeevesBond posted this at 04:19 — 10th February 2007.
He has: 3,956 posts
Joined: Jun 2002
Nice one askapache! Which browsers does this work in?
If it's all of them: you know how to fix a bug even the owners of Flash don't. Sadly I expect that to just be IE7 for Windows.
Very aggravating for the rest of us.
a Padded Cell our articles site!
askapache posted this at 04:54 — 10th February 2007.
He has: 6 posts
Joined: Feb 2007
This is a trick that I learned towards the end of 05' for a site that I was developing. I'm obsessed with cross-browser functionality and I got the flash element to disappear behind other content by using the zIndex css attribute with javascript.
I had 5 elements to control, 5 divs that held various content, including flash video. By apsolutely positioning each of the 5 divs within 1 relative parent div I was able to manipulate the stacking order of the divs by applying a className.
.z6 {z-index:9119;}.z0 {z-index:459;}
.z1 {z-index:449;}
.z2 {z-index:439;}
.z3 {z-index:429;}
.z4 {z-index:419;}
You can check out the final result at
myinmed org /products/business/health-savings-account/
From the official flash documentation:
Speed Up Sites Apache SSL robots.txt PHP.ini Elite htaccess
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.