Page 1 of 1

Logo image is not display above the Flash banner z-index bug

Posted: Fri Jul 03, 2009 8:28 am
by ganeshdoss
Hai

I'm having issue on z-index css.

My logo image is not overlap on the flash banner,
I have used z-index:2000;

I have tried with different values, yet there is no changes.

My code:
#wrapper {
position:absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
text-align: center;
z-index: 1000;
}
#container{
position:relative;
margin:0 auto 0 auto;
width:778px;
text-align:left;
z-index: 4000;
}
#logo{
position:absolute;
margin-top:10px;
height: 40px;
width:355px;
text-align:left;
z-index:2000;
}
#flashcontent{
position: absolute;
top: 0px;
margin: 0px auto 0px auto;
height: 140px;
width:778px;
text-align:left;
z-index:3000;
}
#flashcontent2{
position: absolute;
top: 0px;
margin: 0px auto 0px auto;
height: 330px;
width:778px;
text-align:left;
z-index:1000;
}

flashcontent id for flash banner and log id for logo image.

When i move the flash banner down the logo was displayed, It was hidden.

How can i display logo image above the flash banner.

Can any one help me its urgent.....

Thanks & Regards
Ganesh M Doss

Re: Logo image is not display above the Flash banner z-index bug

Posted: Fri Jul 03, 2009 10:20 pm
by JAB Creations
Well I suspect z-index 2000 is physically located inside your head behind your eyeballs, so naturally you wouldn't see it. :twisted:

I know offhand (though not specifically) that there are issues with z-index and Flash. I think this has more to do with Internet Explorer then other browsers though then again I haven't messed with this for a long time.

Consider using transparency in Flash, it may show the (X)HTML behind the Flash object but I guarantee nothing. Good luck though!

Re: Logo image is not display above the Flash banner z-index bug

Posted: Sat Jul 04, 2009 3:16 am
by kaszu
Problem is wmode attribute. Add wmode parameter with value "transparent".
From the link above
http://kb2.adobe.com/cps/142/tn_14201.html wrote: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"

Re: Logo image is not display above the Flash banner z-index bug

Posted: Sun Jul 05, 2009 2:36 pm
by JAB Creations
kaszu wrote:Problem is wmode attribute. Add wmode parameter with value "transparent".
Yeah! That was a bug I dealt with a some time ago, right on the money! :)

Re: Logo image is not display above the Flash banner z-index bug

Posted: Mon Jul 06, 2009 5:36 am
by ganeshdoss
Hai

Thank you very much
I have did same before reading the the forum reply
Extractly that is the mistake in my code i searched and applied
code for the flash file.

Regards
Ganesh M Doss