ie 9 渐变背景色兼容问题

Posted 前端小记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ie 9 渐变背景色兼容问题相关的知识,希望对你有一定的参考价值。

 

/*窗口背景*/
  .window {
    background-color: #fff;
    background: -webkit-linear-gradient(top,#EFF5FF 0,#fff 20%);
    background: -moz-linear-gradient(top,#EFF5FF 0,#fff 20%);
    background: -o-linear-gradient(top,#EFF5FF 0,#fff 20%);
    background: linear-gradient(to bottom,#EFF5FF 0,#fff 20%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fFF,endColorstr=#fFF,GradientType=0);
  }

/*兼容IE9*/

:root .window {filter:none;} 

以上是关于ie 9 渐变背景色兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

渐变色的ie兼容

兼容ie6及以上和firefox等标准浏览器的表格行滑过时背景色切换的效果

CSS-透明背景色兼容

css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+

css 渐变颜色背景gradient 浏览器兼容

常见的兼容性问题解决方案