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;}

时间: 2024-10-14 10:00:16

ie 9 渐变背景色兼容问题的相关文章

CSS3 渐变背景色各种方向 兼容IE9+

背景色,除了纯色以外,还能够使用多种颜色组合成为渐变背景色,使页面丰富. 渐变背景分为两种: 1.线性渐变: 2.环形渐变: 线性渐变 线性渐变分为:横向.纵向.对角渐变三种渐变 语法: <linear-gradient> = linear-gradient([ [ <angle>| to <aside-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> =

CSS设置DIV背景色渐变显示--针对不同浏览器,背景渐变的兼容问问题

针对不同浏览器,背景渐变的兼容问问题! background: -ms-linear-gradient(top, #fff,  #0000ff);        /* IE 10 */ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/ background:

CSS3-渐变背景色

线性渐变背景色: <style> .linear { width:130px; height:130px; border:2px solid black; padding: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff)); -webkit-background-origin: padding; -webkit-background-clip: content;

线性渐变的兼容写法

线性渐变的兼容写法如下: .gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gr

背景色渐变(兼容各浏览器)

.content{ width:100%; height:600px; background: #179aac; background: -moz-linear-gradient(top, #179aac 0%, #19bea0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#179aac), color-stop(100%,#19bea0)); background: -webk

ie6+7+8等对background-color:rgba(),background-img渐变的兼容

一,ie8兼容rgba()的解决办法 今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,

Android 关于button渐变背景色的详解,摘抄

android中shape的使用(android:angle小解) 分类: 移动开发/ Android/ 文章 本文参考http://kofi1122.blog.51cto.com/2815761/521605和http://blog.csdn.net/qizi329/article/details/6309819 <shape>            <!-- 实心 -->            <solid android:color="#ff9d77"

渐变背景色 linear-gradient

1 div{ 2 background: pink; /*不支持渐变色的浏览器*/ 3 background: -webkit-gradient(linear,0 0,0 100%,from(red) ,to(blue)); 4 background: -moz-linear-gradient(top,red,blue) 5 } 渐变属性 gradient : 线性渐变 linear 和 径向渐变 radial 线性渐变: webkit: moz: opera: ie:     忽略....

gradient渐变IE兼容处理

根据caniuse(http://caniuse.com/#search=gradient),rgba兼容性为IE10以及以上浏览器. 实例代码: 1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <title>gradient 兼容性处理</title> 7 <style type=&