订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

利用position把div放在flash上

网络 2010/4/29 22:41:32 深山行者 字体: 浏览 33656

只要在Flash对象加入页面时生成的HTML代码中加入以下参数就可以让Div浮动层从Flash下露出来了:<param name="wmode" value="transparent" />

另外,发现另外一个更专业的参数:<param name="wmode" value="opaque" />

transparent是负责透明的,显出浮动只不过是他的一个副业而已;而opaque才是专门负责让Flash位于其它层下的。

兼容FF 需要加一段

<embed src="hehe.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="220"></embed>


之后就是通过设置div的style,如position:absolute等等,让div浮起来。为了方便计算div的位置,可以把flash对象和div放在同一父元素(如div)下面,这样直接把top和left设成0,就可以让div正好在flash上面了。


<style>
* {margin:0px;padding:0px;}
.flash1 {height:500px;position:relative;}
.div1 {background:#000;width:500px;height:30px;position:absolute;left:10px;top:30px;z-index:2;color:#fff;}
</style>

<div class="flash1">
 <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="1002" height="426">
   <param name="movie" value="/UploadFiles/demo/liu.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="transparent" />
   <param name="wmode" value="opaque" />  
   <embed src="/UploadFiles/demo/liu.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="220"></embed>
 </object>
 <div class="div1">
 菜单1
 </div>

</div>



以下为详细代码
相关阅读
旅行社网站模板9
防止 IE 浏览器被黑的技巧十则
相愉草原旅游网
闪客精灵下载
python通过代码修改pip下载源让下载库飞起
asp无限级调用分类显示
盐城市航空假日旅行社有限公司
JS代码判断集锦(之一)
共有0条关于《利用position把div放在flash上》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
更多>>随机抽取信息
利用position属性把层永远定位于页面中部
关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案
让DIV固定在浏览器窗口的底部(兼容IE6)
javascript正则的用法与示例
windows2003的IIS文件上传大小限制的解决方案
如何提高网站的PR值