兼容性问题

一般提到兼容问题，应该最多考虑的是IE浏览器，IE6、IE7、IE8、IE9、IE10

浏览器之间为什么会出现这个兼容性问题呢？（老实说，有点想吐血）

对于IE浏览器为什么有这么多个版本，他们之间的区别？还有为什么没有被淘汰掉？

1、常见浏览器兼容问题

2、浏览器兼容问题大汇总

---

一、出现兼容性问题的根本原因：

（1）由于这些浏览器的内核不相同，因此，他们的对编辑页面的一些属性的支持也有所不同

（2）谈起兼容性问题一般会考虑IE6、IE7

IE6（不是标准的浏览器）

（3）主要的兼容性问题有哪些：

1、h5方式兼容就用引用一个兼容插件就可以解决所有兼容问题

自定义标签是内联元素，所以要把他display：block

2、我们让谁去 浮动去自适应就给谁加上浮动属性

3、间隙问题

4、子元素高度撑开父级

5、标签嵌套问题（嵌套规则）

不能嵌套的千万不要去嵌套块级元素，比如P标签、td标签、H标签

不然会出现乱码情况产生。不仅P标签会与嵌套标签属于同级标签，而且会在嵌套标签下面再次产生一个P标签

 6、margin-top问题

7、inline-block问题（css2.1）

8、E6最小高度问题

 

9、IE6双边距问题

10、Li标签4px问题

11、（小尾巴问题）（注释问题）

出现原因：两个浮动元素之间含有内联元素，且子元素与父级元素不超过3px

12、父overflow，子relative

想让小高度的父级包住大高度的子节点，必须给父级设置一个overflow：hidden

但是如果子级加上了relative属性，依然会使得父级包不住子级

13、绝对定位奇数问题1px偏差

14、元素消失问题

15、input空隙问题

16、IE6下表单输入控件背景问题

CSS HACK问题 

PNG24兼容问题

body上的背景图片

 CSS优先级：

在解决浏览器兼容性的问题上面，

起初思路：

可以通过获取浏览器的版本来判断这个浏览器是不是支持这个属性，但是这种办法非常的麻烦。

（如果不支持这个属性就会对应的报错）
具体做法是：我要在一系列的信息中找到这个浏览器版本里面的具体是什么样的，

然后用正则表达式去匹配，然后确定这个浏览器里面具体用的什么东西。这就是整个的内容，所以，相当的麻烦。

简单方法：（思维转化）

当然，获取浏览器版本的代码很简单，就一句话，一行代码，

但是仅仅是为了判断这个浏览器是不是支持这个属性 ，是不是放在这里好像有点儿大材小用了。

因此，就直接判断这个浏览器里面是不是支持这个属性就可以了。