关于渐变。

标签：

关于渐变，我现在做的这个项目也只是用到了线性渐变。那我就说一下线性渐变吧，也许不想网上说的那么全，但是也是我的经验了。

关于渐变，在ie里面是不支持的。但是ie里面也是有他单独的让其渐变的属性，那就是filter；

好了，闲话不多说，直接上代码。

div{

background: -webkit-linear-gradient(#5EDA07, #167503); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#5EDA07, #167503); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#5EDA07, #167503); /* Firefox 3.6 - 15 */
background: linear-gradient(#5EDA07, #167503); /* 标准的语法 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#5EDA07‘, endColorstr=‘#167503‘,GradientType=0 );

}

在你想让他渐变的那个地方的css里面加上这段话就行了，这是由上到下的渐变。#5EDA07是上部的颜色， #167503是最下面的颜色。

filter是ie自己独有的滤镜。

关于渐变。

标签：

原文地址：http://www.cnblogs.com/na-na/p/5135044.html