知识共享平台开发——IE8 css样式更改不能自动刷新bug
2014-10-22 16:22
281 查看
描述:
页面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),问题解决。
页面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),问题解决。
相关文章推荐
- 知识共享平台开发-BUG[2014-11-27]
- 知识共享平台开发——配置记录
- tomcat部署下的web项目网页更改不能自动刷新
- 知识共享平台开发——小细节【分数保留小数点问题】
- 解决tomcat部署下的web项目网页更改不能自动刷新的问题
- OpenJWeb快速开发平台自动创建基于事务的业务逻辑接口和实现类
- OpenJWeb快速开发平台自动创建基于事务的业务逻辑接口和实现类
- 在嵌入式开发平台中实现USB设备的自动挂载
- 如何解决ASP.NET中Image控件不能自动刷新
- VS2005在开发Addin(外接程序)时自动生成的bug
- Linux平台gcc和动态共享库的基础知识
- 网络访问:本地账号的共享和安全模式设置身份验证后自动更改其他验证的处理方法
- .NET平台开发必须掌握的XML知识(二)
- 信息系统开发平台OpenExpressApp - 学习知识
- commons FileUpload 上传图片,服务器文件夹不能自动刷新的解决方案
- 仪器与仪表,监控与仿真, 自动控制OCX, VC++源代码组件,中间件开发平台
- OpenJWeb1.6快速开发平台共享版发布公告
- eclipse不能自动将java文件编译成class文件,刷新(Refrelsh)和重新建立工程都不行。
- .NET平台开发必须掌握的XML知识(二)
- 如何解决ASP.NET中Image控件不能自动刷新