双色球开奖结果今天:Flash动画默认总是会显示在网页页面的最顶层的原理分析

//www.t5a2.cn/  2012-10-25 09:18:23  来源:网页教学网 

广东36选7怎么中 www.t5a2.cn

Webjx核心提示:flash浮动值其他元素之上原理。

以前知道解决方法,但是不知道为什么会出现这种情况,就像css权重的问题似的,看过这本书才知道某些做法的缘由。

Flash 默认总是会显示在页面的最顶层,也就是说如果页面上存在一些DHTML Layer,那么这些层将会被Flash盖住。即使设置了 z-index 属性也无济于事。如果你需要一些 LightBox 的弹出层,页面上的Flash可能会让其效果丑陋不堪。

Adobe 的技术知识库里提供了解决的办法: Flash content displays on top of all DHTML layers。

<object> 标签增加wmode参数针对IE
<param name="wmode" value="transparent">


<embed> 标签也增加类似参数 针对FIREFOX
wmode="transparent"

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="756" height="200" accesskey="1" tabindex="2" title="sss">
<param name="movie" value="*.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed wmode="transparent" src="*.swf" quality="high" pluginspage="//www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="756" height="200"></embed>
</object>

【flash插入网页中,如果和其他元素有重叠,无论我们如何设置z-index,Flash都会浮动在其他元素之上。这是为什么呢?】

【1、其实与z-index无关,浏览器解析页面时,会先判断元素的类型,如果是窗口类型的,会优先于非窗口类型的元素,显示在页面最顶端,如果同属于非窗口类型的,才回去判断z-index的大小。

2、Flash嵌入网页中,有个wmode属性,用于指定窗口模式,其值有window窗口、opaque非窗口不透明、transparent非窗口透明三种。其中window表示Flash以窗口形式显示,opaque和transparent表示Flash以非窗口的形式显示,如果不显示这是wmode属性,默认的wmode的值为window。无论我们如何设置z-index也不会有效果。解决的办法就是这事wmode属性为opaque或transparent。因为Flash在ie和ff下是用不同的标签嵌入的(ie下一boject标签嵌入,ff下embed标签嵌入)所以我们需要对两种标签记性设置

如上面的例子或者下面的例子(哈哈其实就一个啦)

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="756" height="200" >
<param name="movie" value="*.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed wmode="transparent" src="*.swf" quality="high" pluginspage="//www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="756" height="200"></embed>
</object>

更多
  • 一图看懂丨拉林铁路藏木特大桥 2018-11-25
  • 这篇文章写得非常好,现在的人大多都是根据一些简单的事实来判断事情的对错,“一个很漂亮的开奥迪的女人”为了十八块钱与保安对峙 2018-09-24
  • 近九成券商股逆市上涨 防御+反弹攻守兼备 2018-09-18
  • 暑期兼职当心中介有“猫腻” 兼职市场亟须规范 2018-09-18
  • 推动重庆各项事业沿着习近平总书记指引的方向奋力前行——华龙网 2018-09-17
  • 唐僧玄奘的四种形象,哪一种形象更接近真实? 2018-09-10
  • 马航客机在乌坠毁现场尸体散落 俄救援人员现场救援 2018-09-06
  • 内蒙古全区安全生产情况新闻发布会召开 2018-09-06
  • 好战的北约应该负责打扫战场,包括难民安置、战后重建…… 2018-08-31
  • 【文艺时代】尹昉:星空下跳舞 2018-08-19
  • 南京“凶宅”别墅 拍出786万元高价 2018-08-15
  • 他凭一颗青菜登上《舌尖上的中国3》 蟹粉菜心里藏人生哲学 2018-08-08
  • 杭州电动车充电全城没有统一价 2018-08-08
  • 西南华南等地将有较强降水 东北华北有对流性天气 2018-08-03
  • 以青春之我肩负起国家民族的希望 2018-07-25
  • 802| 771| 800| 808| 309| 299| 18| 361| 578| 715|