Flash movie and z-index

Dev Shed Forums Sponsor:

June 18th, 2012, 05:23 AM

lelales

Contributing User

Join Date: Mar 2008

Posts: 601

Time spent in forums: 4 Days 40 m 3 sec
Reputation Power: 37

Flash movie and z-index

OK, I have a flash movie wrapped in a <div>. When you scroll the page, the header stays on top and everything else slides up and stays below the header . . . this is how it should be.
Unfortunately, on IE9, the flash movie, which is in the body, appears on top the header when the page is scrolled. I need the flash movie to be behind the header.
You can see the site here

Can anyone see what I am doing wrong? Also, I am using "swf object" code. Could this be causing the error in IE9?

thanks in advance

June 19th, 2012, 07:33 AM

coothead

~ bald headed old fart ~

Join Date: May 2005

Location: chertsey, a small town s.w. of london, england

Posts: 192

Time spent in forums: 1 Week 17 h 41 m 25 sec
Reputation Power: 86

Hi there lelales,

in your main2.css file, add the highlighted attribute here...

Code:

#flash2 {
   position:relative;
   z-index:0;
   background:url('../images/common/header/logo_flash2.gif') no-repeat;
   float:right;
   margin-bottom:10px
   margin-right:12px;
   padding:0 0px 0 20;
   width:250px;
 }

coothead

__________________

Viewing: Dev Shed Forums > Web Design > CSS Help > Flash movie and z-index

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump