最近做一个项目时,发现浮动的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"
这样的属性设置就可以了。到此,问题就解决啦。
转载自:http://www.cnblogs.com/kiter/archive/2011/06/07/2074206.html