码迷,mamicode.com
首页 > 其他好文 > 详细

解决embed标签设置z-index无效

时间:2016-04-20 11:45:36      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:embed   z-index   

今天写静态页面,发现在ie8下embed标签总是显示在最高层,遮住了导航,无论怎么设置z-index的值都无效,几经周折,终于找到了答案.

给embed标签添加个  wmode="transparent" 这个属性,文件就解决了.当然wmode还有个值是Opaque.

网上搜到的介绍是这样的:

Opaque 模式

这是一种无窗口模式,在这种情况下flash player没有自己的窗口句柄,这就需要浏览器需要告诉flash player在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。

Transparent 模式

透明模式,在这种模式下flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象,同样你也可以使用z-index来控制flash影片的深度值,但是与Opaque模式不同的是这样做会降低flash影片的回放效果,而且在9.0.115之前的flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。


解决embed标签设置z-index无效

标签:embed   z-index   

原文地址:http://7286399.blog.51cto.com/7276399/1765619

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!