最近给客户做一个网站,网站有一个下拉菜单,下拉菜单下有下滚动的图片是用js特效写成的,在chrome,ie8,上都没有问题,
但是在客户那边一直反应滚动图片把下拉菜单遮挡住了,客户的环境是win7 360之8.1
我的环境也是这样,但是没有出现这个情况,让别人用同样的环境测试了一下,也没有问题,考虑是不是win7 32位的系统
在64位的win7下360使用的是ie8的内核,在win7 32位的系统下使用的是ie7的内核
安装好环境之后开始测试,刷新了几遍之后360怎么也不刷新了,修改过源文件,上传后,死活就是不更新缓存,强制刷新也不行,看不到更改的代码,恶心死了,没办法使用机器上的ie8
打到ie模式下进行调试,
看到网上有人说360的兼容模式是使用的本机的ie版本,本机是什么版本,他的兼容模式就是ie的哪个版本,
本机都ie8了,360还在使用ie7,你咋不上天!!!!!!!!!!!!
ie7对于z-index这个css属性支持的不好,原因在于
"
其实这是IE浏览器的一个BUG——在IE浏览器中,定位元素会产生一个新的stacking context,并且从z-index的值为0开始。所以我们需要在这个元素的父元素上设置一个更高的z-index值。
在上述的box1中的父元素container设置一个更大的z-index就能解决这个问题。
"
说白了,就是你得把父容器的z-index设置的比较高一点,同时还得给父容器加个但必须同position(relative或absolute)使用,
对于这个问题阐述地比较明白的是这个文章,链接如下