经常遇到的浏览器的兼容性有哪些?

png24 位的图片在 iE6 浏览器上出现背景

解决方案是做成 PNG8.
浏览器默认的 margin 和 padding 不同。

解决方案是加一个全局的*{margin:0;padding:0;}来统一。
IE6 双边距 bug:块属性标签 float 后,又有横行的 margin 情况下,在 ie6 显示 margin比设置的大。浮动 ie 产生的双倍距离 #box{ float:left; width:10px; margin:0 0 0 100px;}这种情况之下 IE 会产生 20px 的距离

解决方案是在 float 的标签样式控制中加入 _display:inline;将其转化为行内属性。(_这个符号只有 ie6 会识别)
IE 下,可以使用获取常规属性的方法来获取自定义属性, 也可以使用 getAttribute()获取自定义属性;
Firefox 下,只能使用 getAttribute()获取自定义属性。解决方法:统一通过 getAttribute()获取自定义属性。
IE 下,even 对象有 x,y 属性,但是没有 pageX,pageY 属性;
Firefox 下,event 对象有 pageX,pageY 属性,但是没有 x,y 属性。

解决方法:(使用条件注释)。缺点是在 IE 浏览器下可能会增加额外的 HTTP 请求数。
Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示。

可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决。
超链接访问过后 hover 样式就不出现了被点击访问过的超链接样式不在具有 hover和 active 了

解决方法是改变 CSS 属性的排列顺序:
L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}

渐进识别的方式,从总体中逐渐排除局部

首先,巧妙的使用“\9”这一标记,将 IE 游览器从所有情况中分离出来。接着,再次使用“+”将 IE8 和 IE7、IE6 分离开来,这样 IE8 已经独立识别。

.bb{
background-color:red;/\*所有识别\*/
background-color:#00deff\9; /\*IE6、7、8 识别\*/
+background-color:#a200ff;/\*IE6、7 识别\*/
_background-color:#1e0bd1;/\*IE6 识别\*/
}

转载于:https://www.cnblogs.com/macq/p/6519019.html

经常遇到的浏览器的兼容性有哪些?相关推荐

cocos html5 一直在加载失败,项目进行中的小问题-0426-【Cocos2d-html5】初识Cocos2d-html5-一些移动端浏览器的兼容性Bug_169IT.COM...
背景与前言现在什么技术火?Android,ios,HTML5,人工智能,云计算--如此多的技术,而且发展非常快,大家都很迷茫,到底要学什么呢?我也很迷茫,只能走一步算一步. 但是人总是有理想的是吧. ...
火狐浏览器允许ajax,ajax如何解决火狐浏览器或其它非ie浏览器的兼容性问题
这行简单得多的代码在 Mozilla.Firefox.Safari.Opera 以及基本上所有以任何形式或方式支持 Ajax 的非 Microsoft 浏览器中,创建了XMLHttpRequest对象 ...
Chrome浏览器showModalDialog兼容性及解决方案
Chrome浏览器showModalDialog兼容性及解决方案参考文章: (1)Chrome浏览器showModalDialog兼容性及解决方案 (2)https://www.cnblogs.co ...
location.host与location.hostname和跨浏览器的兼容性？
本文翻译自:location.host vs location.hostname and cross-browser compatibility? Which one of these is the ...
Selenium Grid跨浏览器－兼容性测试
Selenium Grid跨浏览器-兼容性测试这里有两台机子,打算这样演示: 一台机子启动一个作为主点节的hub 和一个作为次节点的hub(系统windows 浏览器为ie) ip为:192.16 ...
如何解决浏览器的兼容性
DIV+CSS开发浏览器的兼容性 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17 ...
针对IE浏览器的兼容性ie7、ie8、ie9
相对于来说浏览器的兼容性对于小伙伴来说是很头疼的吧! 今天我在修改代码的时候,对于var cvts = document.getElementsByClassName("app") ...
html设置ie9兼容性视图,ie9浏览器设置兼容性视图在哪里设置
当您在使用IE9打开为早期IE版本所设计的网页时,可能会无法正常浏览.此时您可以尝试一下IE的兼容性视图功能来解决这个问题.下面由学习啦小编为你整理了ie9浏览器设置兼容性视图在哪里设置的相关方法,希 ...
IE浏览器设置兼容性、清除缓存，重置浏览器、Edge浏览器设置兼容性
IE浏览器清除缓存:按下面设置后重启浏览器重置浏览器: 然后重启浏览器,如果无法确认是否生效,可以重启电脑后再进行尝试. IE浏览器设置兼容性: IE浏览器设置浏览器主页首先访问网页,然后按下图 ...
你对浏览器的兼容性有了解吗？
什么是浏览器兼容性? 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题.在网站的设计和制作中,做好浏览器兼容,才能够让网站在不 ...

经常遇到的浏览器的兼容性有哪些?

经常遇到的浏览器的兼容性有哪些?相关推荐

最新文章

热门文章