描述:
页面banner自动循环,下方设置长方形用颜色区分哪个图片被选定,通过使用js更改css的颜色,其他浏览器可以顺利更改,IE8浏览器不能自动更换。
setTimeOut 和 setInterval都尝试了。
长方形button绝对定位在banner上。
过程:
当banner获得焦点后,button样式顺利更改,否则随机更换css
采用更改css,添加/删除class 均不行
新创建页面,编写循环更改css的test,或者添加/删除 class可以实现。
分析:
首先:IE8 太2了,没办法还得适配。
网上查询,自己试验,问题有可能跟父级,爷爷级,他爷爷的父级,他爷爷的爷爷级... 的position,大小,包含关系都可能有关系。
方法一:
1)记录焦点元素
2)banner获取焦点
3)释放banner焦点,还到原有元素
方法一可以解决问题,但IE8浏览器最小化后,或者停留在页面其他位置,由于banner获取焦点,会重新激活窗口(打开),回到banner位置。
解决:
方法二:
在长方形button上,添加透明度css样式,我这里设置为0.9(IE为filter:90),问题解决。