现在做网页设计离不开HTML5和CSS3！它们有很多增强功能，使网页看起来更炫酷。不过问题来了，旧版浏览器如IE6到IE8就没法用这些新东西，让程序猿们很头疼！所以要搞定这事儿，还得想想办法。
使用Google的html5shiv包
用谷歌的html5shiv包很简单！只需要用到它里头的一个叫html5.js的文件，放在网页头部，就能帮旧版的IE浏览器识别并正常展现HTML5标签！这样一来，HTML5标签就跟div一样，能当块状元素利用到页面布局中。
初始化新标签的CSS
虽然用了html5shiv包能让旧版浏览器识别HTML5标记，但它还是默认的内联元素。要想正确排版，就得靠CSS把它们变成块级元素。这步可别省略，不然页面乱套了都不知道为啥！
处理禁用脚本的情况
对于那些浏览器版本比较旧且禁用了JavaScript的IE用户来说，搞砸的就是html5shiv包没法正常使用，结果网页就会变成看不见样式的“白板”。要解决这个问题吗？我们来看看脸书是怎么做的呗——建立一个有noscript标志的新页面，然后用HTML4标签替代HTML5标签，这样就能确保网页基本的功能和布局不会消失~
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
让老式浏览器兼容CSS3
网页设计里，HTML5跟CSS3都挺关键的。不过IE8以及更老旧版的IE浏览不了CSS3。要让这些浏览器也照样能用上CSS3新玩意儿，例如那些圆角，阴影什么的，就得用些特别的技巧，像滤镜，还有矢量标记语言（VML）这类IE特供，再结合上Javascript小小地模拟一下哈
IE-CSS3的实现
IE-CSS3就是专门给IE设计的一套小工具，只要引入一个HTC文件，就能在IE里用上一部分CSS3特性。虽然还不能搞定全部CSS3效果，但是搞点基本的透明啊、圆润边角什么的还是挺顺手的。
实际案例分析
看真实例子就明白了，那些高科技的网站甚至能在IE6到IE8这种老古董浏览器中展示，虽然看上去有点小差别，但主要内容还是完好无损的！
总结与展望
用这几个小绝招儿，咱们就能在旧版浏览器里搞定HTML5和CSS3了。虽然可能还有点儿瑕疵，但是总比什么都没有强多！这样，更多人就能体验到新网页设计的便利。以后，说不定随着科技发展，浏览器升级后会有更牛逼的办法。
向读者提出的问题
大家有没有碰到过网页加载失败或者显示奇怪？那可能是由于我们的浏览器还不支持HTML5和CSS3。别担心，这里有一些简单的方法帮你解决这个问题~来评论区分享下你们的经验，记得给这篇文章点个赞和收藏！
background-color:green; opacity: .4; filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
评论0