首页 > 上网技巧 > 电脑小技巧 > 正文

漂浮层中的ul下拉被flash挡住无法显示 仅chrome不显示

时间:2014-07-26 10:20 作者:QQ地带 我要评论

想给QQ地带增加一个好看的搜索框,并且可以切换多重搜索方式,页面下滑后还可以顶部漂浮,就像这样。

 

 
但是遇到很神奇的时候,左边切换搜索方式的时候,下滑页面到任意位置都可以正常显示,唯独经过flash的时候不可以。
就像这样:
 
 
更神奇的是:firefox、和ie都兼容,唯独chrome不行,不科学啊。通常chrome是最先兼容的啊。讲讲解决方案吧。
 
1、先百度,不行,于是谷歌,找到了一个跟我遇到差不多一样的问题,得出以下解决方案:
跟其他各种帖子文章一样,方法是添加以下:
<param name="wmode" value="opaque">
但是,我已经本来就添加了啊!所以,不行!【写出来是给大家参考,也许大家可以,是吧。】
 
2、给flash的层定义style="z-index:-999;position:relative;",给漂浮层定义style="z-index:9999;position:relative;"
就是放flash的层往下,漂浮z-index网上,一个是正数,一个是负数,貌似可以,但是还是不兼容,显示不完全。
所以,还是不行!
 
3、然后。。。我用chrome测试,发现把漂浮最外面一个层高度设置成150居然可以了。所以。。果断想到的是overflow,给最外面的层加上overflow:visible,也就是溢出的部分不被修剪。居然可以了!!!

最后问题解决了,但是仍然不懂,为什么经过flash的时候不可以!!!
 

标签: flash
顶一下
(2)
100%
踩一下
(0)
0%

Google提供的广告