這篇文章將為大家詳細講解有關jsp如何實現背景漸變色，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

 使一個div曾的背景顏色出現漸變的，有的人使用美工切出來不同的顏色條，之后使用背景圖片填充 repeat-x.這里使用css控制顏色的漸變，但是要注意：此處需要解決瀏覽的兼容性問題

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"%>


    
    
    
    
        

    

chrome瀏覽器下的漸變背景實現

對于webkit核心的瀏覽器，如Chrome/Safari瀏覽器下漸變背景的實現也是使用CSS3 漸變方法，css-gradient，具體為-webkit-gradient，使用語Firefox瀏覽器是有一些差異的。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8"%>


    
    
    
    
        

    

關于jsp如何實現背景漸變色就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。