解决方案文件打包下载链接: http://pan.baidu.com/s/1CYQUM 密码: gcvx

ie8以下不支持json.stringfy：

在用json.stringfy方法前引入json2.js。json2.js官网https://github.com/douglascrockford/JSON-js

ie9一下支持html5标签：

方法一:在head内引入html5shiv.js。html5shiv.js官网https://github.com/aFarkas/html5shiv

方法二：见代码<!--[if lt IE 9 ]> <script>(function(){var e="article,aside,footer,header,hgroup,nav,section,time".split(","),t=e.length;while(t--)document.createElement(e[t])})()</script> <style type="text/css" media="screen">article,aside,footer,header,hgroup,nav,section{display:block}</style> <![endif]-->ie6除a外不支持hover：

在head内引入hover.js或在css内引入hover.htc(最好用绝对路径);/*解决ie6.0 的hover兼容问题*/ <attach event="ondocumentready" handler="parseStylesheets" /> <script> var csshoverReg = /(^|s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i, currentSheet, doc = window.document, hoverEvents = [], activators = { onhover:{on:'onmouseover', off:'onmouseout'}, onactive:{on:'onmousedown', off:'onmouseup'} } function parseStylesheets() { if(!/MSIE (5|6)/.test(navigator.userAgent)) return; window.attachEvent('onunload', unhookHoverEvents); var sheets = doc.styleSheets, l = sheets.length; for(var i=0; i<l; i++) parseStylesheet(sheets[i]); } function parseStylesheet(sheet) { if(sheet.imports) { try { var imports = sheet.imports, l = imports.length; for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]); } catch(securityException){} } try { var rules = (currentSheet = sheet).rules, l = rules.length; for(var j=0; j<l; j++) parseCSSRule(rules[j]); } catch(securityException){} } function parseCSSRule(rule) { var select = rule.selectorText, style = rule.style.cssText; if(!csshoverReg.test(select) || !style) return; var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1'); var newSelect = select.replace(/(.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo); var className = (/.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1]; var affected = select.replace(/:(hover|active).*$/, ''); var elements = getElementsBySelect(affected); if(elements.length == 0) return; currentSheet.addRule(newSelect, style); for(var i=0; i<elements.length; i++) new HoverElement(elements[i], className, activators[pseudo]); } function HoverElement(node, className, events) { if(!node.hovers) node.hovers = {}; if(node.hovers[className]) return; node.hovers[className] = true; hookHoverEvent(node, events.on, function() { node.className += ' ' + className; }); hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\s+'+className, 'g'),''); }); } function hookHoverEvent(node, type, handler) { node.attachEvent(type, handler); hoverEvents[hoverEvents.length] = { node:node, type:type, handler:handler }; } function unhookHoverEvents() { for(var e,i=0; i<hoverEvents.length; i++) { e = hoverEvents[i]; e.node.detachEvent(e.type, e.handler); } } function getElementsBySelect(rule) { var parts, nodes = [doc]; parts = rule.split(' '); for(var i=0; i<parts.length; i++) { nodes = getSelectedNodes(parts[i], nodes); } return nodes; } function getSelectedNodes(select, elements) { var result, node, nodes = []; var identify = (/#([a-z0-9_-]+)/i).exec(select); if(identify) { var element = doc.getElementById(identify[1]); return element? [element]:nodes; } var classname = (/.([a-z0-9_-]+)/i).exec(select); var tagName = select.replace(/(.|#|:)[a-z0-9_-]+/i, ''); var classReg = classname? new RegExp('\b' + classname[1] + '\b'):false; for(var i=0; i<elements.length; i++) { result = tagName? elements[i].all.tags(tagName):elements[i].all; for(var j=0; j<result.length; j++) { node = result[j]; if(classReg && !classReg.test(node.className)) continue; nodes[nodes.length] = node; } } return nodes; } </script>IE6不支持PNG24：<!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script> /* EXAMPLE */ DD_belatedPNG.fix('.png_bg'); /* string argument can be any CSS selector */ /* .png_bg example is unnecessary */ /* change it to what suits you! */ </script> <![endif]-->官网：http://www.dillerdesign.com/

ie6789不支持css3:

在css内引入pie.htc或者在head内引入pie.htc,线性渐变需要在cssText里加入-pie-background: linear-gradient(#EEFF99, #66EE33);官网：http://http://css3pie.com/

部分浏览器不支持HTML5 placeholder：在任意位置引入placeholders.js，官网：http://jamesallardice.github.io/Placeholders.js/

ie6-8不支持多媒体查询@media screen：

在header内的css样式后引入respond.js，官网https://github.com/scottjehl/Respond

ie不支持video标签：

方案一：使用jplayer，方法见官网：http://www.jplayer.org/，国内地址http://www.jplayer.cn/

方案二：使用videojs 官网：http://www.videojs.com/

记得使用<!--[if lte IE 6]> 小于等于ie6的版本在此处执行 <![endif]-->