网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法!
2007-07-24 10:03
477 查看
今天在做网页的时候,我想在flash上放一个层,然后放图片等内容,可是总是被flash遮挡,因此总结了一下
对于这方面的问题的几个解决方法,希望可以对朋友和自己有帮助!
1.flash把层遮挡住了,如何处理呢?
==================================================================
在Flash里面加两个参数:
<param name="wmode" value="transparent">
<param name="wmode" value="Opaque">
说明:
<param name="wmode" value="transparent"> FLASH将透明
<param name="wmode" value="Opaque"> FLASH仍将保持不透明
Flash的例子:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="80">
<param name="movie" value="http://ad.1m1m.com/AdFiles/200774817589544.swf">
<param name="quality" value="high">
<embed src="http://ad.1m1m.com/AdFiles/200774817589544.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="80"></embed>
<param name="wmode" value="transparent">
<param name="wmode" value="Opaque">
</object>
2.如果是弹出的层<div></div> 被<select> 下拉列表所阻挡,有2个方法可以解决!
==================================================================
方法一:
<IFRAME>可以遮挡住<SELECT>。所以要使层能够遮挡住下面的列表,只要在层中加入一个和层相同大小的<Iframe>就可以了。
具体做法如下:
<DIV>
<!--//原来的内容//-->
<IFRAME width="100%" height="100%" style="position:absolute; top:0px; z-index:-1; border-style:none;"></IFRAME>
</DIV>
这个方法对于透明的或外形不规则的层无效。原因很简单,<IFRAME>是方的,最大的应用我想就是菜单了。用这种方法,再也不会出现菜单被列表破坏的尴尬了。<script language="javascript">
var ie55up = IsIE55Up();
var overIframe = null;
function DivOver(objID)
//判断obj1是否遮挡了obj2
function Obj1OverObj2(obj1, obj2)
// 获取对象的坐标
function getPosition(Obj)
// 是否IE5.5以上版本
</script>
<script>
</script>
<div style="position: absolute;left:10px;top:20px;width:200px;height:85px;border:1px solid red;" id="div1">
看看现在这个层下面的select不是简单的隐藏了:)
</div>
<select name="">
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<P />
<select name="">
<option>test1test1test1test1test1test1test1test1test1test1test1test1test1test1</option>
<option>test2</option>
<option>test3</option>
</select>
<P />
<select name="">
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<P />
对于这方面的问题的几个解决方法,希望可以对朋友和自己有帮助!
1.flash把层遮挡住了,如何处理呢?
==================================================================
在Flash里面加两个参数:
<param name="wmode" value="transparent">
<param name="wmode" value="Opaque">
说明:
<param name="wmode" value="transparent"> FLASH将透明
<param name="wmode" value="Opaque"> FLASH仍将保持不透明
Flash的例子:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="80">
<param name="movie" value="http://ad.1m1m.com/AdFiles/200774817589544.swf">
<param name="quality" value="high">
<embed src="http://ad.1m1m.com/AdFiles/200774817589544.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="80"></embed>
<param name="wmode" value="transparent">
<param name="wmode" value="Opaque">
</object>
2.如果是弹出的层<div></div> 被<select> 下拉列表所阻挡,有2个方法可以解决!
==================================================================
方法一:
<IFRAME>可以遮挡住<SELECT>。所以要使层能够遮挡住下面的列表,只要在层中加入一个和层相同大小的<Iframe>就可以了。
具体做法如下:
<DIV>
<!--//原来的内容//-->
<IFRAME width="100%" height="100%" style="position:absolute; top:0px; z-index:-1; border-style:none;"></IFRAME>
</DIV>
这个方法对于透明的或外形不规则的层无效。原因很简单,<IFRAME>是方的,最大的应用我想就是菜单了。用这种方法,再也不会出现菜单被列表破坏的尴尬了。<script language="javascript">
var ie55up = IsIE55Up();
var overIframe = null;
function DivOver(objID)
//判断obj1是否遮挡了obj2
function Obj1OverObj2(obj1, obj2)
// 获取对象的坐标
function getPosition(Obj)
// 是否IE5.5以上版本
</script>
<script>
</script>
<div style="position: absolute;left:10px;top:20px;width:200px;height:85px;border:1px solid red;" id="div1">
看看现在这个层下面的select不是简单的隐藏了:)
</div>
<select name="">
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<P />
<select name="">
<option>test1test1test1test1test1test1test1test1test1test1test1test1test1test1</option>
<option>test2</option>
<option>test3</option>
</select>
<P />
<select name="">
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<P />
相关文章推荐
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 采用Window对象shim属性解决IE下flash位于弹出窗口之上遮住窗口问题——此方法对firefox暂未解决
- jQuery实现动态显示select下拉列表数据的方法
- element-ui中的select下拉列表设置默认值方法
- IE中下拉列表遮盖问题的解决方法
- 资源管理器双击弹出新窗口或普通文件列表窗口双击弹出资源管理器的解决方法
- 嵌入的flash遮挡弹出div层解决方法[转]
- Webview网页中文本框不弹出输入法 没有得到焦点解决方法
- 打开网页时弹出迅雷下载,无法浏览网页的解决方法
- 不弹出“当前网页正在试图打开您的受信任的站点列表中的站点”警告的解决办法
- 刷新桌面弹出网页的解决方法
- 打开资源治理器搜索文件时弹出网页解决方法
- BootStrap下的弹出框加载select2框架失败的解决方法
- jquery-ajax请求后台数据转换json显示在select下拉列表&&jquery获取下拉列表的值和显示内容的方法
- 采用Window对象shim属性解决IE下flash位于弹出窗口之上遮住窗口问题——此方法对firefox暂未解决
- IOS中select下拉框文字过长不换行并且出现省略号的解决方法
- 使用iframe快速解决IE6下弹出层被下拉列表遮挡问题
- ASP.NET.MVC--注解和反射将Enum转换List<SelectListItem>为@Html.DropDownListFor()下拉列表的通用方法
- 关于无法显示该网页,弹出对话框显示"Internet Explorer无法打开Internet站点xxx,已终止操作"问题的解决方法
- showModalDialog()的提交弹出新网页的解决方法