html属性wmode代码,HTML object/embed标签的wmode属性_html/css_WEB-ITnose

在开发中可能会遇到flash遮挡住页面中元素的情况,无论怎么设置flash容器或者元素的深度(z-index)都不起作用。这是因为flash默认的渲染模式导致的。

解决方法如下:

在object或embed标签中加入”wmode”属性并设置为wmode=”transparent”或”opaque”

wmode有以下三种模式:

window 模式

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

opaque 模式

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

transparent 模式

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<object>标签用于在网页中嵌入外部对象(如Flash动画、Java小程序等),其中classid属性用于指定所嵌入对象的类别和版本信息,而SRC属性用于指定所嵌入对象的文件路径或URL地址。在<object>标签内,可以使用多个<param>标签来设置所嵌入对象的参数和属性,这些参数和属性可以在JavaScript中通过<object>对象的属性和方法进行访问和操作。例如: ``` <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100" height="100"> <param name="movie" value="example.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="menu" value="false" /> <param name="loop" value="true" /> <param name="wmode" value="transparent" /> <embed src="example.swf" quality="high" bgcolor="#ffffff" width="100" height="100" menu="false" loop="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> ``` 在上面的代码中,classid属性指定了Flash动画的类别和版本信息,SRC属性指定了Flash动画文件的路径或URL地址,而多个<param>标签则设置了Flash动画的各种参数和属性。其中,name属性用于指定参数或属性的名称,value属性用于指定参数或属性的值。在<object>标签内还可以包含一个<embed>标签,用于指定嵌入对象的备选显示方式和参数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值