背景色渐变可以这样写
background-image: -webkit-linear-gradient(to top, #060607, #292829);
background-image:linear-gradient(to top, #060607, #292829);
background: -ms-linear-gradient(#060607 0%,#292829 100%); /** IE9 IE10 **/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292829',endColorstr='#060607',grandientType=1); /** IE7 **/
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292829',endColorstr='#060607',grandientType=1); /** IE8
整理几个IE兼容性设置的脚本
<!--[if lt IE 9]>
<script src="/skin/lib/js/IE9.js"></script>
<script src="/skin/lib/js/html5shiv.js"></script>
<script src="/skin/lib/js/respond.min.js"></script>
<script src="/skin/lib/js/PIE_IE678.js"></script>
<script src="/skin/lib/js/selectivizr-min.js"></script>
<![endif]-->
说明一下这几个脚本对应的功能
Respond.js: https://github.com/scottjehl/respond 让旧版本的游览器支持媒体查询,IE你懂的~
IE9.js: https://code.google.com/p/ie7-js/ 修复从IE6到IE9的很多bug和缺损功能(这个我没感觉到实际用处)
CSS3Pie: http://css3pie.com/download/ 可以帮助IE78针对圆角显示的兼容,IE6没测试过。背景色渐变时在IE7下针对body标签的背景渐变无效。另外php环境中使用时引入的是PIE.php,不是PIE.htc。
html5shiv.js: https://code.google.com/p/html5shiv这个作用是让IE8及更低版本的IE识别section、article、nav等HTML5元素。
selectivize: http://www/selectivizr.com :让IE678支持::first-child等高级CSS选择符,感觉蛮好用的
borderBoxModel.js: https://github.com/albertogasparin/borderBoxModel 让IE6和IE7支持box-sizing属性,box-sizing用来做响应式比较有用,可以让该属性的元素不会被padding撑开,保证其原始大小。
PHP写了个小demo,下载地址