如何调整Flash与div的相互位置

让flash置于DIV层之下的方法,让flash不挡住飘浮层或下拉菜单,让Flash不档住浮动对象或层的关键参数:wmode=opaque。

方法如下:兰西县璩家摄影

针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />

针对FF 在<embed />内加上参数wmode="opaque"

标准的的Flash插入

<!-- 标准的的Flash插入
设置高度与宽度:
width="400" height="400"
设置路径:
data="style/flash/001.swf" 与 value="style/flash/001.swf"
替代文本或替代图片:
<a href="" title=""><img src=""  /></a> 也可以不要这段
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>
</object>

不会遮住层的Flash

<!-- 不会遮住层的Flash
让Flash不档住浮动对象或层的关键属性:
<param name="wmode" value="opaque" />
<embed wmode="opaque"></embed>
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<param name="wmode" value="opaque" />
<embed wmode="opaque"></embed>
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>
</object>

透明的Flash

<!-- 透明的Flash
让Flash透明的关键属性:
<param name="wmode" value="transparent">
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<param name="wmode" value="transparent">
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>
</object>

wmode 属性/参数值 Window | Opaque | Transparent

模板变量:$WM,(可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

"Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。

"Opaque" 使应用程序隐藏页面上位于它后面的所有内容。

"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。

如果忽略此属性,默认值为 Window。仅适用于 object。

时间: 2024-10-10 15:33:36

如何调整Flash与div的相互位置的相关文章

JQuery实现点击div以外的位置隐藏该div窗口

简单示例代码: <body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(document).bind("click&

IE和Firefox下flash挡住div层的问题解决方法

1 <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="80"> 3 <param name="movie" value="flash地址" /> 4 <param name=&qu

iOS 调整导航栏返回按钮的位置

调整导航栏返回按钮的位置 //创建返回按钮 UIButton * leftBtn = [UIButton buttonWithType:UIButtonTypeSystem]; leftBtn.frame = CGRectMake(0, 0, 25,25); [leftBtn setBackgroundImage:[UIImage imageNamed:@"icon_back"] forState:UIControlStateNormal]; [leftBtn addTarget:se

FusionCharts或其它flash的div图层总是浮在最上层的问题

div的图层由div的style中的z-index来决定,z-index是层垂直屏幕的坐标,0最小,越大的话位置越靠上. 由于FusionCharts的图表都放在div中,如果页面还有其他的div,将被FusionCharts的图层挡住.不过设置z-index并不起作用,其他的div仍然被挡住.经过网络上查找,发现原来是这样的: flash的图默认情况下总是位于最上层,参考下面的文档: <param name="WMODE" value="transparent&quo

根据键盘调整textField(多个)位置使其不会被键盘挡住

当一个界面上有个textField时,键盘出现时需要保证textField不会被键盘挡住. 一般的做法是,监听 UIKeyboardWillShowNotification和 UIKeyboardWillHideNotification,在通知的selector方法中通过notification.userInfo获取键盘的相关信息,然后调整界面的位置. 但是当界面上有两个以上的textField时,问题来了:在textField之间切换的时候UIKeyboardWillShowNotificat

flash与div层级问题

今天在工作中用到flash,flash工程师没有给接口调用其点击事件, 在js中无法绑定flash的点击事件,应该是flash默认禁掉了DOM的点击, 自己想在flash包裹层上添加一个兄弟节点div#btn来触发点击事件. 布局如下. HTML: <div class="giftBtn"> <div id="flash_wrap"></div> <div id="giftBtn"> </di

ios代码调整button图片image文字title位置

自定义一个button,要调整 button中的image(注意,不是backgroundImage) 和  title 文字的位置,只需要重写  Button类独对应的两个方法即可: 首先,我们来创建一个 SuperButton继承自 UIButton // // SuperButton.h // SuperButton // // Created by 杨斌 on 14/12/25. // Copyright (c) 2014年 杨斌. All rights reserved. // #im

flash 遮住 div 解决办法

被遮盖的div 下面的代码 <!--列表菜单--> <div id="opreationmenu" style="position: absolute; left: 0px; top: 0px; width: 200px; height: 240px; background: #ffffff; display: none;"> <iframe frameborder='1' style='-moz-opacity: 0; -webkit

可编辑div 获取光标位置及插入内容

<!DOCTYPE html> <html> <title>Div 光标位置 插入 文字 或 HTML</title> <script language="javascript" type="text/javascript"> var range; function getPos() { range = window.getSelection().getRangeAt(0);//找到焦点位置 var spa