div显示在object、embed之上~

 

 
最近做一个项目时,发现浮动的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里加入

<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>
复制代码

   里面wmode的设置就是控制div在flash之上的啦~

原文地址:https://www.cnblogs.com/wsir/p/4877936.html