目前，對(duì)CSS3支持日趨完善，實(shí)現(xiàn)兼容性的漸變背景效果是完全可以的，讓背景漸變與背景圖片共存的方法很簡(jiǎn)單，主要要注意的是圖片要保持“最小單元”的準(zhǔn)則，選擇正確的瀏覽器，該問題就能得到解決，下面介紹一下具體的解決方法。

1、圖片漸變切圖時(shí)一定要以最小為準(zhǔn)則，例如在做垂直方向的純顏色的漸變時(shí)，嘗試使用1個(gè)像素的豎直圖片作為漸變背景“最小單元”。另外，要注意css3雖然支持很多的瀏覽器的兼容，但是目前不支持Opera瀏覽器。

2、如果兼容程度允許的話，純色漸變背景可以使用css3的漸變樣式，如{background:linear-gradient(lefttop,red,blue);}，如此一來能夠減少切圖量，還可以加快網(wǎng)頁(yè)加載速度，缺點(diǎn)是使用主流瀏覽器的話，就必須要添加前綴。

3、注意對(duì)于webkit核心的瀏覽器，如Chrome/Safari瀏覽器，在這些瀏覽器下要做到漸變背景，也需要使用CSS3漸變方法，css-gradient，具體就是-webkit-gradient，使用語(yǔ)Firefox瀏覽器業(yè)是有一點(diǎn)差異的。