本文主要包含Flash,不遮挡,HTML等相关知识,佚名 希望在学习及工作中可以帮助到您
今天在写一个flash广告代码的时候,因为flash自带的链接,容易被当成弹出广告,所以做了一个div层放到flash上面,这样链接都是a触发的不会被拦截,但发现flash一直处于div层上面,原来flash需要加个参数才可以。
让flash置于DIV层之下的方法,让flash不挡住飘浮层或下拉菜单,让Flash不档住浮动对象或层的关键参数:wmode=opaque。
方法如下:
针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
针对FF 在<embed />内加上参数wmode="opaque"
微课江湖使用代码:
让flash置于DIV层之下的方法,让flash不挡住飘浮层或下拉菜单,让Flash不档住浮动对象或层的关键参数:wmode=opaque。
方法如下:
针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
针对FF 在<embed />内加上参数wmode="opaque"
微课江湖使用代码:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>22cn</title>
- <style type="text/css">
- <!--
- body {
- position:relative;
- z-index:0;
- margin:0; padding:0
- }
- body,td,th {
- color: #333333;
- }
- *{margin:0; padding:0}
- img{ border:0}
- #jb51{ position:relative; width:300px; height:250px}
- #div1 {
- position:absolute;
- left:0;
- top:0;
- width:300px;
- height:250px; z-index:-1
- }
- #div2 {
- position:absolute;
- left:0;
- top:0;
- width:300px;
- height:250px;
- z-index:99999;
- }
- -->
- </style></head>
- <body>
- <div id="jb51">
- <div id="div1">
- <script type="text/javascript">
- document.write('<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="300" height="250">');
- document.write('<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />');
- document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');
- document.write('<embed src="http://img.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www