[HTML/CSS]div显示在object、embed之上~

前端之家收集整理的这篇文章主要介绍了[HTML/CSS]div显示在object、embed之上~前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

引言

解决方案,这里记录一下,好像只对flash有效。

现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?
window mode(wmode)
wmode即窗口模式总共有三种,看看当年Macromedia官方的说法:window模式,Opaque模式,Transparent模式

window 模式

显示模式,在这种模式下flash player有自己的窗口句柄,这就意味着flash影片是存在于Windows中的一个显示实例,并且是在浏览器核心显示窗口之上的,所以flash只 是貌似显示在浏览器中,但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面,这就导致默认显示方式下flash总是会遮 住位置与他重合的所有DHTML层。但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上,但当flash影片播放时会出现比较诡异的现象,比如DHTML层像被flash刮掉一块一样显示异常。

Opaque 模式

页面上,因此你就可 以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。

Transparent 模式

效果,而且在9.0.115之前的flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。

总结

添加一个wmode="transparent"属性或者 wmode="opaque"属性 即可推荐使用wmode="opaque" 因为wmode="transparent"会影响flash的性能.

猜你在找的HTML相关文章