一、css3實現相容性漸變背景效果，相容ff、chrome、ie
漸變效果，現在主流的瀏覽器ff、chrome、opera、ie8+都可以通過帶有私有字首的css3屬性來輕鬆滴實現漸變效果，ie7及以下也可以通過濾鏡來實現漸變效果（濾鏡來實現會消耗大量資源）
原因是：由於ie內部在解析
濾鏡，也是通過大量的cpu計算，從而達到濾鏡效果
，最後再渲染。
二、各瀏覽器是如何實現漸變效果的
1、css3實現漸變背景的標準寫法
background: linear-gradient( [ | ,]? [, ]+ );
side-or-corner
side-or-corner中文意思就是「邊或角」，可選值有：
[left | right] || [top | bottom]color-stop
漸變關鍵顏色結點，語法為：
[ | ]gecko核心的瀏覽器：
background:-moz-linear-gradient(top, #ccc, #333);
webkit核心的瀏覽器：
background:-webkit-gradient(linear, top, from(#ccc), to(#333));
ie8及以下通過濾鏡實現：
filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr='#ccc',endcolorstr='#333'); /*ie濾鏡實現漸變*/
其中，gradienttype=1代表橫向漸變，gradienttype=0代表縱向淅變。startcolorstr=」色彩」 代表漸變漸變起始的色彩，endcolorstr=」色彩」 代表漸變結尾的色彩。
ie8+:
background: -ms-linear-gradient(#ccc0%,#333100%);
CSS實現相容性的漸變背景 gr
css實現相容性的漸變背景 gradient 效果 webkit核心瀏覽器下的漸變背景 嘿 hio you webkit核心瀏覽器下的的基本語法如下 webkit gradient type,start point,end point,stop.webkit gradient type,inner ...
CSS實現相容性的漸變背景 gradient 效果
要是兩年前，實現 相容性的漸變效果 這個說法估計不會被提出來的，那個時候，說起漸變背景，想到的多半是ie的漸變濾鏡，其他瀏覽器尚未支援，但是，在對css3支援日趨完善的今天，實現相容性的漸變背景效果已經完全成為可能，本文就將展示如何實現相容性的漸變背景效果。在眾多的瀏覽器中，目前不支援opera瀏覽...
css3實現背景漸變
一 線性漸變 詳細 在css3中，可以使用 linear gradient實現背景線性漸變。linear gradient to left right top bottom 在ff瀏覽器時需要將樣式 書寫成 moz linear gradient chrome瀏覽器時需要寫成 webkit line...