专栏首页我的博客flash和div层次关系

flash和div层次关系

<param name=”WMODE” value=”transparent”>

<param name=”wmode” value=”Opaque”>

<param name=”wmode” value=”Window”>

介绍

window 模式

默认情况下的显示模式,在这种模式下flash player有自己的窗口句柄,这就意味着flash影片是存在于Windows中的一个显示实例,并且是在浏览器核心显示窗口之上的,所以flash只 是貌似显示在浏览器中,但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面,这就导致默认显示方式下flash总是会遮 住位置与他重合的所有DHTML层。

但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上,但当flash影片播放时会出现比较诡异的现象,比如DHTML层像被flash刮掉一块一样显示异常。 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”会导致全屏模式失效。

实战记录:

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”1005″ height=”130″ title=”欢迎访问南阳理工学院校报电子版”> <param name=”movie” value=”flash/header.swf”> <param name=”WMODE” value=”transparent”> <param name=”quality” value=”high”> <embed src=”flash/header.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”1005″ height=”130″ wmode=”transparent”></embed> </object>

这样flash就不会压着div层次内容了,记着两个加红色的地方,只加一个地方是不行滴

(附:感谢searchman的教导,o(∩_∩)o )

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • phpmailer发送邮件的详细说明

    1、首先去下载phpmailer【phpmailer】 2、有找一个支持smtp的邮箱(我用的是qq邮箱) 3、把phpmailer解压到你web目录 4、书写...

    苦咖啡
  • 虚拟机配置端口映射

    今天打算建立一个公共的虚拟服务器,班级内所有同学可以使用用ssh连接,共享文件。然后可以通过web方式下载共享的文件。配置方法如下: 先安装虚拟机(可以查看我博...

    苦咖啡
  • nodejs获取GET和POST(升级版)

    写在最前面,其实开发当中可以使用express(比较流行的一个web框架) var _res,_req,url = require('url'),querySt...

    苦咖啡
  • EEPROM和flash这样讲,我早就懂了

    https://blog.csdn.net/yuanlulu/article/details/6163106

    MCU起航
  • Python下Tesseract Ocr引擎及安装介绍

    tesseract 是一个google支持的开源ocr项目,其项目地址:https://github.com/tesseract-ocr/tesseract,目...

    黯然销魂掌
  • NodeJS+Express中集成Flash消息

    到这里,我们的集成工作已经完成,就可以在router中使用类似 req.flash('flash_success_message', '文章添加成功!'); ...

    飞奔去旅行
  • ​flash模拟eeprom存储日志的原理

    做mcu开发时,涉及到数据存储时,往往都会考虑使用flash、eeprom,或者铁电存储器。从数据储存的角度上来说,安全性最高的肯定是FRAM,接着才会考虑使用...

    bigmagic
  • 容器化的Apache服务并监控

    sudo docker run -d --name ubuntu -p 80:80 ubuntu:16.04

    飞天小子
  • 爬取5K分辨率超清唯美壁纸

    网上的壁纸要么分辨率低,要么带有水印。这里有一款Mac下的小清新壁纸神器Pap.er,可能是Mac下最好的壁纸软件,自带5K超清分辨率壁纸,富有多种类型壁纸,当...

    py3study
  • App更新策略课程-检查更新实现

    用户1130025

扫码关注云+社区

领取腾讯云代金券