固定位置div总是出现在顶部吗？
我的CSS中有一个固定的位置标签，如下所示：
#facebook {
height: 249px;
width: 50px;
position: fixed;
left: 0px;
top: 200px;
}
我的网站上有一个flash（.swf）标头图像，当浏览器的分辨率足够低时，Facebook Div部分被Flash Header隐藏了。
这是我的HTML：
<body id="index">
<div id="facebook"><img src="images/facebook.png" width="50" height="249" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="2,154,40,191" href="http://www.youtube.com/" />
<area shape="rect" coords="3,202,39,240" href="http://www.facebook.com/group.php?gid=72781675198" />
</map>
</div>
<div id="wrapper">
…
<div id="title_box"><object type="application/x-shockwave-flash"
data="images/flash.swf"
width="960" height="450">
<param name="movie" value="images/flash.swf" />
<img src="images/header.jpg" />
</object></div>
我如何获得它，因此我的Facebook固定位置Div总是显示在此.SWF内容上？
预先感
谢乔恩
I Have a fixed position tag that is styled as follows within my CSS:
#facebook {
height: 249px;
width: 50px;
position: fixed;
left: 0px;
top: 200px;
}
There is a flash (.swf) header image on my website, and when the resolution of the browser is low enough, the facebook div is partially hidden by the flash header.
Here is my HTML:
<body id="index">
<div id="facebook"><img src="images/facebook.png" width="50" height="249" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="2,154,40,191" href="http://www.youtube.com/" />
<area shape="rect" coords="3,202,39,240" href="http://www.facebook.com/group.php?gid=72781675198" />
</map>
</div>
<div id="wrapper">
…
<div id="title_box"><object type="application/x-shockwave-flash"
data="images/flash.swf"
width="960" height="450">
<param name="movie" value="images/flash.swf" />
<img src="images/header.jpg" />
</object></div>
How do I get it so my facebook fixed position div is always displayed on top of this .swf content?
Thanks in advance
Jon
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
z index
使用CSS样式
z-index设置元素的垂直顺序。并给它一个足够高的值，以便它始终显示在顶部：通常呈现元素（以简化垂直顺序，根据其自然HTML流动）。因此，后来定义的元素对先前的元素进行渲染。
z-index
Use CSS style
z-indexthat sets vertical order of your elements. And give it a high enough value so it will always display on top:Elements are usually rendered (to simplify it and in terms of vertical ordering) according to their natural HTML flow. So later defined elements are rendered over previous ones.
如果内容被Flash阻塞，即使使用正确的z索引，则将
wmode =“透明”添加到Flash Emped脚本。If the content is obstructed by flash, even with a correct z-index, add
wmode="transparent"to the flash embed script.您可以使用CSS样式的Z-Index在顶部显示菜单。
You can use CSS style z-Index to show your menu on top.
尝试
位置：绝对;try with
position: absolute;只是为了澄清：仅在固定元素上设置z索引就无法解决问题。设置绝对位置不会使您产生效果。也许将父母设置为固定位置，然后将孩子设置为绝对位置和适当的z索引？
一个例子：
Just to clarify: Just setting the z-index on a fixed element won't do the trick. Setting the absolute position won't give you the effect your after. Perhaps setting a parent to fixed position and the child to absolute position and the appropriate z-index?
An example: