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

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
ganeshdoss
Forum Newbie
Posts: 7
Joined: Wed May 06, 2009 2:10 am

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

Post 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
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

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

Post 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!
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

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

Post 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"
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

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

Post 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! :)
ganeshdoss
Forum Newbie
Posts: 7
Joined: Wed May 06, 2009 2:10 am

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

Post 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
Post Reply