关于浏览器的兼容性问题

各个浏览器对于HTML标签和DIV盒子模型的解析不同，常用的检测不兼容代码的方法：

1、逐行删除标签检测出问题代码。

2、加边框法，给每个盒子加border，这样就能看出来哪个盒子有问题。

3、逐行删除样式表，检测哪段样式有问题。

以下为一些常见的浏览器兼容性问题及解决方法。

常见兼容性问题一：不同浏览器标签的默认内边距和外边距不同。

解决方案：CSS里面设置*{padding:0; margin:0;}。

常见兼容性问题二：几个img标签放在一起的时候，有些浏览器会有默认的间距。

解决方案:使用float属性为img布局（在IE8上还是行不通）；将margin设置成负值（不推荐）。

常见兼容性问题三：透明度的兼容CSS设置。

解决方案:filter:alpha(opacity=0)(兼容IE）; moz-opacity:0（老版本的mozilla）; -khtml-opacity:0(兼容老版本的safari）; opacity:0(最重要的，适用于大部分浏览器）;

转载于:https://www.cnblogs.com/mfbxy/p/4670103.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浏览器设置浏览器主页首先访问网页,然后按下图 ...
你对浏览器的兼容性有了解吗？
什么是浏览器兼容性? 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题.在网站的设计和制作中,做好浏览器兼容,才能够让网站在不 ...

关于浏览器的兼容性问题

关于浏览器的兼容性问题相关推荐

最新文章

热门文章