关于IE,360,火狐,谷歌中遇到的几个兼容性问题的总结
来源:互联网 发布:jquery拼接json字符串 编辑:程序博客网 时间:2024/06/05 15:21
1 垂直居中问题
在导航条中,IE中文本向上显示,这是因为我们没有设置行高而导致的不兼容,解决方法line-height设置的值和height的一样高,还有vertical-align:middle,问题就解决了。
2 圆角问题
我们经常会在IE9一下的浏览器中看到一些网站的轮播图下面的光圈显示为正方形,其实这是因为border-radius这个元素只在IE9+,Firefox4+ ,chrome,safari5+以及opera中支持,要想解决这个问题只能通过js。
3 解决IE8的兼容性
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
X-UA-Compatible是针对IE8新加的一个设置,只有IE8能识别,而edge是模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,实际上破坏了“锁定”模式。
<meta http-equiv="X-UA-Compatible" content="IE=7" />
无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。
4 BODY底部空白问题
在IE和360中会出现body底部无限空白问题,有一个解决法案,就是对body设置height:auto;overflow:hidden; 但是又会牵扯出另外一个问题,未设置前火狐和谷歌中正常的页面在设置后就会出现分类导航被隐藏的问题,于是这个方案无效。
第二个解决方案,首页面的js有书写有误的,导致 body底部无限空白,故检查首页js,最终通过改js就解决了这个问题。
- 关于IE,360,火狐,谷歌中遇到的几个兼容性问题的总结
- IE和火狐等浏览器关于 的兼容性问题解决
- IE和火狐的css兼容性问题归总
- IE和火狐的css兼容性问题归总
- IE和火狐的css兼容性问题归总
- IE和火狐的css兼容性问题归总
- 火狐与IE兼容性问题的解决方法
- jquery 火狐、chrome、IE的兼容性问题
- IE和火狐的css兼容性问题
- IE和火狐的css兼容性问题
- IE和火狐的css兼容性问题
- IE和火狐的css兼容性问题
- CSS遇到的几个兼容性问题
- IE兼容性问题总结(项目中遇到的)
- 几个IE与Firefox的兼容性问题
- IE火狐通过JQUERY访问TEXTAREA值的兼容性问题
- 解决css firefox火狐浏览器IE浏览器下的兼容性问题
- ie和火狐对于extjs监听按键的兼容性问题
- java多线程完全版
- <Lua程序设计(第二版)>书摘-8
- 媒体说周一会发布具体出轨的证据什么的
- Object-C内存管理
- 深入浅出Java 重定向和请求转发的区别
- 关于IE,360,火狐,谷歌中遇到的几个兼容性问题的总结
- IED 61850 总体建模原则
- Cocos2d-x--中文显示
- Eclipse下CloudSim包的导入
- Mac系统常用快捷键(mac系统截图)
- 设计模式--代理模式
- 调用tel://打电话
- AJAX技术基础介绍
- 寻找发帖“水王”