首先利用条件注释判断是不是IE9之前版本，如果是就执行js。先把所有新标签写入e数组中，然后遍历整个数组，并创建副本。
10多年的沂南网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整沂南建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“沂南网站设计”,“沂南网站推广”以来，每个客户项目都认真落实执行。
html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min：让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
换浏览器，Chrome，火狐，Opera，IE9，IE10，IE11以上这些都支持，像IE8以及以下不支持HTML5的。要么最好别用html5，css3，如果不想换还又想用就下载插件，用js实现，不过效果不是太好。
如何调试 IE 浏览器？IE7以上版本可以按F12直接打开开发者调试工具进行调试。安装虚拟机。利用设置元素border： 1px solid red； outline： 1px solid red；进行调试。
前面的文章中我们介绍过CSS中非常有用的一个标签伪类 ：nth-child(n)，这个伪类在我们的网页中的一些特效中会用到，比如：表格的隔行变色、导航菜单的分隔符等。这些都可以让我们的网页不再单调而与众不同。
IEIE7只支持锚伪类（a：link、a：visited、a：hover、a：active）；IE8可支持：focus、：first-child、：lang 伪类，但需要加！DOCTYPEIE9+可支持大部分伪类选择器。
一个可能是你的CSS样式引用的书写方式不正确，导致在IE9和IE10下面无法通过MIME的检查，如果是这个原因，在代码里面修改一下css样式引用的方法就行了。
所以前端同学在测兼容性时，主要使用：IE10浏览器、Chrome浏览器进行测试即可。如果非要考虑低版本的IE兼容性，可使用IETester这类工具，另外在浏览器调试模式下可以直接指定IE内核。
这个主要是需要为ie9编写其不支持的某些css特效。firefox和chrome对css的支持度比较好，不太容易出现问题。
所有主浏览器都支持CSS，只是支持的版本不同，像firefox支持CSS就比IE要支持的好，它支持css3和html5的大部分或者全部功能。
CSS属性前缀法(即类内部Hack)：例如IE6能识别下划线_和星号*IE7能识别星号*，但是不能识别下划线_。
编写出兼容各浏览器的CSS的技巧和方法： Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。
需要设置兼容的非常多，无法一一例举，假设要设置背景图片，这个宽度是比较重要的。
margin：0 -50%\0；这代码要加在你原有代码的后面不要覆盖，后面的\0不要删掉，这是CSS HACK技术，专门针对IE9 小问题就是当显示范围小于图片的50%的时候，这时候图片的缩放会跟margin：0 -100%有所不同。
1、手机Wap端页面主要在Webkit内核浏览器下测试即可。所以前端同学在测兼容性时，主要使用：IE10浏览器、Chrome浏览器进行测试即可。
2、在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。
3、， FF下给 div 设置 padding 后会导致 width 和 height 增加， 但IE不会.(可用！important解决) 如width：115px ！important；width：120px；padding：5px；必须注意的是， ！important； 一定要在前面。
4、兼容技巧：把大多浏览器预览效果为你想要的写在最顶。然后一些不兼容的版本就写在下面。例子如下：margin-top：20px；/*IE7+、FF*/(比如这个样式写上去之后IE7-火狐显示效果都是你想要的。
5、一，由于不同的浏览器，比如Internet Explorer 6，Internet Explorer 7，Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。
margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
页头要有声明，如xhtml或html5，可以直接复制代码，或如下图创建文件时声明文档类型。有了声明后所有浏览器都会用css盒模型的方式渲染，即：总宽=宽+内边距（padding值）+边框+外边距（margin值）。
