IE阅读器下的渐变背景
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
相干申明：
上面的滤镜代码主要有三个参数，依次是：startcolorstr, endcolorstr, 以及gradientType。个中gradientType=1代表横向渐变，gradientType=0代表纵向淅变。startcolorstr=”颜色” 代表渐变渐变肇端的颜色，endcolorstr=”颜色” 代表渐变末端的颜色。
上面代码完成的是赤色至蓝色的渐变，然则不含透明度变化，这是因为IE现在还没有支撑opacity属性以及RGBA颜色，要完成IE下的透明度变化，照样须要运用IE滤镜，IE的透明度滤镜功用比较壮大，这类壮大反而与Firefox或是Safari阅读器下的css-gradient背景渐变的用法相似。
Firefox阅读器下的渐变背景
关于Firefox阅读器下(Firefox 3.6+)渐变背景的完成需运用CSS3渐变属性，-moz-linear-gradient属性，完成的结果的完成能够拜见下面的代码：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.gradient{
width:300px;
height:150px;
background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
}
</style>
</head>
<body>
<div class="gradient"></div>
</body>
</html>
chrome阅读器下的渐变背景完成
关于webkit中心的阅读器，如Chrome/Safari阅读器下渐变背景的完成也是运用CSS3 渐变要领，css-gradient，细致为-webkit-gradient，运用语Firefox阅读器是有一些差别的。
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.gradient{
width:300px;
height:150px;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5)));
}
</style>
</head>
<body>
<div class="gradient"></div>
</body>
</html>
以上就是jsp背景渐变色怎样写的细致内容，更多请关注ki4网别的相干文章！
