关于渐变,我现在做的这个项目也只是用到了线性渐变。那我就说一下线性渐变吧,也许不想网上说的那么全,但是也是我的经验了。
关于渐变,在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自己独有的滤镜。
时间: 2024-10-12 12:44:46