CODEWITHSUNDEEP
htmlcss
Mohamed Ibrahim
Mohamed Ibrahim

Reputation: 291

putting div above the flash object

iam trying to put the div menu above the object tag but still under the object tag any way to put it above the flash .

    <div>
<div class='menu'>menu</div>
<object width="400" height="40"

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param nastatime="SRC" value="bookmark.swf">
<embed src="bookmark.swf" width="400" height="40"></embed>
</object>
</div>
<style>
#menu{
width: 100%;
clear: both;
float: left;
position: relative;
background: red;
z-index: 1111111;
}

object{
float: left;
position: absolute;
z-index: -13;
}
</style>

Upvotes: 4

Views: 6751

Answers (2)

Sowmya
Sowmya

Reputation: 26969

You are using class as menu but in css there is #, replace it with .Try this css

    <div class="main">
<div class="menu">menu</div>
<div class="fobject"><object width="400" height="40"

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param nastatime="SRC" value="bookmark.swf">
<embed src="bookmark.swf" width="400" height="40"></embed>
</object>
    </div>
</div>​​​​​​​​​​​

    .main{
 position:relative   
}
.menu{
width: 100%;
clear: both;
float: left;
position: relative;
background: red;
z-index: 100;
}

.fobject{
float: left;
position: relative;
z-index: 10;
}​

Upvotes: 1

James Ford
James Ford

Reputation: 1563

You need to be looking at the wmode parameter of Flash when you're embedding your content. The default wmode is "window" which layers the content over the top of everything else. Set it to "opaque" or "transparent" to allow it to be layered properly.

See http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html#main_Using_Window_Mode__wmode__values_ for more information.

Upvotes: 8

Related Questions