常见的浏览器兼容性问题

来源:互联网 发布:jive论坛源码 编辑:程序博客网 时间:2024/05/21 14:04
问题:  Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示,
解决方案 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决;

问题:  超链接访问过后hover样式就不出现了 被点击访问过的超链接样式不在具有hoveractive了是改变CSS属性的排列顺序;
 解决方案   是改变CSS属性的排列顺序    L-V-H-A :  a:link {} a:visited {} a:hover {} a:active {}

问题:   ieff都存在,相邻的两个divmargin-leftmargin-right不会重合,但是margin-topmargin-bottom却会发生重合;

解决方法:养成良好的代码编写习惯,同时采用margin-top或者同时采用margin-bottom

问题:   ie6png图片格式支持不好
解决方案 :(引用一段脚本处理)

问题:ie10下双滚动条和opacity同时存在会导致滚动背景消失
解决:去除双滚动条

问题:‘vvv'.indexof(arry)在ie8下不兼容,
解决:$.indexof();

问题:trim(字符串)在ie8下不兼容 
解决:$.trim()

问题: foreach在ie8下不支持
解决:使用for 或者each来代替

问题:ie8下表格行列过多的时候页面展示不了
解决:只能使用div来代替,table属于比较重量的标签,不推荐使用