首页 | 教程 | 人才 | 资源 | 视频 | 外包 | 培训 | 论坛  
游戏教程 美术基础 3D设计 平面软件 影视后期 建筑效果 网站设计 精选教程
 
网络学堂   Flash   Dreamweaver   Firework   Freehand   理论   其它
 您现在的位置:首页 > 教程频道 > 网站设计 > Flash
     Flash教程_Flash动画默认总是会显示在网页页面的最顶层的原理分析

Flash教程_Flash动画默认总是会显示在网页页面的最顶层的原理分析
编辑:XD 发布时间:2012-11-28 查看:4085 次   

Flash动画默认总是会显示在网页页面的最顶层的原理分析-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="http://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="http://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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="756" height="200"></embed>
</object>

相关文章:
·Flash教程_最基础的Flash教程(初级入门)  [2015-03-16]
·Flash教程_定格动画《纸片战记》制作流程解析后续  [2015-03-12]
· Flash_定格动画《纸片战记》制作流程解析  [2015-03-11]
·Flash教程_绘画技巧绘制女孩头像  [2012-12-19]
·Flash实例教程_卡通MM眨眼睛动画教程  [2012-11-20]
·FLASH教程_自己动手制作手机Flash主题动画  [2012-09-03]
·Flash游戏开发实例系列:打小狗Flash游戏制作  [2012-08-21]
·Flash教程_最基础的Flash教程(初级入门)  [2012-07-18]
·Flash教程_方块动画特效的制作教程  [2012-06-20]
·Flash教程_粒子效果创建绚丽的烟花特效  [2012-06-18]
本月教程排行
全部教程热点 全部推荐教程
· 老外的经典(少女贞德)从.
· Zbrush的行业应用之游戏篇.
· 3DMAX汽车三视图建立到使用.
· ZBrush3官方中文教程
· 3ds MAX基础教程:碗和杯子.
· MAYA材质教程:制作天鹅绒.
· 经典简单室内建模方法(新手.
· 用3ds max结合photoshop制.
· 【painter 8 手绘教程】《.
· Maya教程_3D制作足球模型教.
· Painter 8实例:时尚插画绘.
· 3ds MAX教程:室内空间夜景.
· 3D MAX教程:楼梯间的立体.
· 3dsMAX基础教程 直筒水杯的.
· 《山海经》奢比兽的制作
· PS 绘画 性感美女(国外)教.
· 美术基础--原画底稿上色篇.
· [分享]结构素描
· 原动画运动规律基础教程(翻.
· 贴图教程_PS滤镜快速制作草.
DOGAME游戏兵工厂 | 交流论坛 |关于我们| 广告联系 | 联系我们
DOGAME游戏兵工厂2009-2014HNYU GAME 京ICP备13045305号