Html 将div置于flash对象上方
我试着把div菜单放在object标签的上方,但还是放在object标签的下方,以任何方式把它放在flash的上方Html 将div置于flash对象上方,html,css,Html,Css,我试着把div菜单放在object标签的上方,但还是放在object标签的下方,以任何方式把它放在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
<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>
菜单
#菜单{
宽度:100%;
明确:两者皆有;
浮动:左;
位置:相对位置;
背景:红色;
z指数:1111111;
}
反对{
浮动:左;
位置:绝对位置;
z指数:-13;
}
您正在使用类作为菜单,但在css中有#,请将其替换为。尝试此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;
}
菜单
梅因先生{
职位:相对
}
.菜单{
宽度:100%;
明确:两者皆有;
浮动:左;
位置:相对位置;
背景:红色;
z指数:100;
}
.fobject{
浮动:左;
位置:相对位置;
z指数:10;
}
在嵌入内容时,需要查看Flash的wmode参数。默认的wmode
是的“窗口”
,它将内容置于其他内容之上。将其设置为“不透明”
或“透明”
,以便正确分层
有关更多信息,请参阅。Hello Sowmya,我将您的代码但仍然是菜单放在对象flash下,我希望菜单放在flash上。同时尝试使用有效代码嵌入flash文件(您使用的代码不是w3c有效代码)。你可以在这里得到有效的代码是的,你是对的,我试着把wmode='direct'放进去,效果很好,谢谢Somaya