css – 在flash嵌入前放置一个div

前端之家收集整理的这篇文章主要介绍了css – 在flash嵌入前放置一个div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在页面上的其他所有内容上放置一个div标签.我已经读过将wmode param设置为opaque会做到这一点,但也听说只会影响IE.这是真的?你怎么做呢?

解决方法

在你的flash applet标签中,只需拥有:
<object id='flashObject' ....>
    <param ....>
    <param name='wmode' value='opaque'>
    <embed ... wmode='opaque'>
    </embed>
</object>

那应该照顾它.

请注意,这样做的缺点是它会降低flash影片和页面元素的渲染速度,但在大多数情况下不应该成为问题.

此外,通过将其包含为对象参数和嵌入属性,它适用于所有主流浏览器.

编辑,根据MidnightLighning的评论

一旦以这种方式准备了flash对象,就需要将div浮动到页面上,如下所示:

<body>
    <object> ... <!-- this is your flash movie --> </object>
    <div id="floater">The Floating Div</div>
</body>

然后像这样创建你的CSS:

#flashObject { position:relative; z-index:1 }
#floater { position:absolute; z-index:100; top:0; left:0; }

猜你在找的CSS相关文章