兼容IE8背景渐变

1、线性渐变

/*Old gradient for webkit*/

background: -webkit-gradient(linear, left 50%, right 50%, from(#002E8C),to(#55e5ed));

/*new gradient for Webkit*/

background:-webkit-linear-gradient(left,#002E8C,#55e5ed);

/*Opera11*/

background:-o-linear-gradient(left,#002E8C,#55e5ed); 

/*Mozilla*/

background:-moz-linear-gradient(left,#002E8C,#55e5ed);

/*IE10+*/

background: linear-gradient(to right, #002E8C 0%,#55e5ed 100%);

/*IE8-IE9*/

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002E8C', endColorstr='#55e5ed',GradientType=1 );

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • -webkit-linear-gradient线形渐变详解 CSS3发布很久了,现在在国外的一些页面上常能看到他的...
    魏魏魏_1500阅读 15,672评论 0 3
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,229评论 0 11
  • 言语都是停留在表面的现象,是在不同的情绪下的产物。 所以,搞定情绪,能在很大程度上搞定言语,帮助我们更好的做到积极...
    MYOB阅读 447评论 0 0
  • 公司这个月亏损40w,没有新的商户进来,靠存量商户苦苦支撑,流水5000万上下,一直没有突破,因为财务的压力...
    冷雨叶阅读 251评论 0 0
  • 心像是一片静海,如果没有水龙王的护佑,那就难免会受到各种风浪的袭扰,一片狼藉,一片哀嚎。 佛祖的心是不是真的像是一...
    新人素阅读 433评论 0 0