您的位置:首页 > 其它

网页弹出的层被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 />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐