1.让老式浏览器支持HTML5   HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5.   第一种方法:使用Google的html5shiv包(推荐) 首先你要引用下面是引用Google的html5.js文件,好处就不说了:    <!--[if IE]> <script src=”http://html5shiv.googlecode.…

  html5低版本浏览器兼容方式 <!--[if IE]> <script src=”http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js”> </script> <![endif]--> 最后在css代码中插入: article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} css3 低版本浏览…

在IE页面的head标签里面加入   <!-[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]->   让IE浏览器支持css3的方法   .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safa…

Modernizr是什么? Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库. 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能. 它比传统检测浏览器名称(浏览器嗅探)的方式更为可靠. 一整套测试的执行时间仅需几微秒. 如何检测? 在页面中引入modernizr.js,当打开页面时Modernizr会根据浏览器的支持情况在html标签中添加了一组类,通过这些类就可以判断当前浏览器对ht…

html5新增加了一些语义元素,如header, footer, nav, aritcle, aside,等等. 然而,有些老款浏览器无法识别这些元素,会把它们当成 inline 元素对待,这会导致一些相当严重的样式问题. 解决办法:把这些语义元素全部声明为 块级(block)元素 header,footer,nav,article,aside,section{ display:block; } 如果要兼容 ie9 之前的 ie 版本,还需要在文档中添加一点 javascript: docume…

<!--[if lt IE9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> 载入后,初始化新标签的CSS: /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} HT…

CSS样式设置默认样式: <style> article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } </style> JS中: <!--[if lt IE 9]> <script type="text/javascript"> var e=(&quo…

2013年五大主流浏览器 HTML5 和 CSS3 兼容性大比拼   转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升:IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮.这篇文章给大家带来<五大主流浏览器 HTML5 和 CSS3 兼容性大比拼>,让我们一起来看看2013年的浏览器现状. 浏览器厂商之间的竞争促使各大浏览器对 HTML5 和 CSS3 的支持…

摘要: 这篇文章给大家带来<五大主流浏览器 HTML5 和 CSS3 兼容性大比拼>,让我们一起来看看2013年的浏览器现状.浏览器厂商之间的竞争促使各大浏览器对 HTML5 和 CSS3 的支持越来越完善 ... ... ...     转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升:IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮.这篇文章给大家带来&…

1.使用高版本渲染模式 <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> 2.css hack (1)条件注释 <!--[if IE 6]>coding...<![endif]--> //ie6 <!--[if lte IE 9]>coding...<![endif]--> //小于等于ie9 (2)属性前缀 _background-color:#000; //ie6…