最近做一个项目时,发现浮动的div总是被object里的flash文件给盖住了。。本以为只是z-index的问题,于是去修改div和object、embed的z-index值~
在改之前突然想到div是jqueryui里的dialog创建的~也就是说div本身默认的z-index已经是1000了,这个情况下应该说所有的元 素z-index都没有当前的大了。。不过还是报者试一试的心态改了下object、embed的z-index都设为1。结果如想像的一样。。还是不 行~~~
于是开始了baidu之旅~呵呵,原来有这样问题的人大有人在啊~网上说了几种方法,这里就说一个,具体为什么我也不清楚咯。。反正问题解决了蛮~~
在object里加入
在改之前突然想到div是jqueryui里的dialog创建的~也就是说div本身默认的z-index已经是1000了,这个情况下应该说所有的元 素z-index都没有当前的大了。。不过还是报者试一试的心态改了下object、embed的z-index都设为1。结果如想像的一样。。还是不 行~~~
于是开始了baidu之旅~呵呵,原来有这样问题的人大有人在啊~网上说了几种方法,这里就说一个,具体为什么我也不清楚咯。。反正问题解决了蛮~~
在object里加入
<param name="wmode" value="transparent">
这样之后,在类似IE使用object的浏览器里就正常显示了。。div终于在object之上了。。不过对于firefox这样用embed标签的浏览器来说。。问题依旧。。这时只要在embed里加上
wmode="transparent"
这样的属性设置就可以了~到此,问题就解决啦~下面贴出我的object代码:
<object height="600" width="940" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="/swf/park/1/1303872749292.swf" name="movie">
<param value="high" name="quality">
<param value="always" name="allowScriptAccess">
<param value="internal" name="allowNetworking">
<param value="transparent" name="wmode">
<embed height="600" width="940" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="always" quality="high" src="/swf/park/1/1303872749292.swf">
</object>
<param value="/swf/park/1/1303872749292.swf" name="movie">
<param value="high" name="quality">
<param value="always" name="allowScriptAccess">
<param value="internal" name="allowNetworking">
<param value="transparent" name="wmode">
<embed height="600" width="940" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="always" quality="high" src="/swf/park/1/1303872749292.swf">
</object>
里面wmode的设置就是控制div在flash之上的啦~