div显示在object、embed之上~
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之上的啦~
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论