CSS3中各个浏览器内核兼容的设置

1. -moz-：代表FireFox浏览器私有属性  

2. -ms-：代表IE浏览器私有属性  

3. -webkit-：代表safari、chrome浏览器私有属性  

4. -o-：代表opera浏览器私有属性  

IE9以下的浏览器不支持HTML5标签，所以需要导入一个html5.js补丁，原理是通过JS来生成HTML5新标签对象。

因为本着移动优先的原则，现在写CSS都会用media query（响应式设计），IE8以下的浏览器不支持media query，这会导致@media 声明的CSS不能生效，因此要导入一个css3-mediaqueries.js补丁。

如下：

<!--[if lte IE 8]>

        <script src="/js/html5.js"></script>

        <script src="/js/css3-mediaqueries.js"></script>

        <link href="/css/ie8.css" rel="stylesheet" type="text/css">

<![endif]-->

/* 因为条件注释只对IE10以下版本有效（IE11已经取消支持），所以在其他现代浏览器里面会自动忽略，不会加载，因此不会有性能问题 */

/* 因为IE9以下浏览器不支持CSS3，IE9支持一部分，因此不能显示一些CSS3的过渡效果，对此有两种办法，一种是忽略，也就是降级或者是差异化设计。

或者可以用jquery的动画替代，引入方法可以是条件注释，也可以通过检测Navigator来判断IE版本 */