ie瀏覽器在css漸變方面一直是一個挑戰，而且與其他主流瀏覽器不兼容。最常見的2種ie漸變方式是基于濾鏡和插件的方式。

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000');

這種方式需要用“filter”屬性，并將其值設置為“progid:DXImageTransform.Microsoft.gradient”。接下來，你需要設置起點和終點的顏色。起點和終點顏色必須使用“startColorstr”和“endColorstr”屬性進行設置，并使用十六進制色值。

漸變的方向可以使用“direction”值進行設置。默認是從上到下。

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');

如需水平漸變，需要添加“GradientType=0”代碼。

使用插件，在ie中創建漸變方式是更為簡單的選擇。 “CSS3Pie”插件允許使用標準的css語法，而不必在代碼中使用任何濾鏡或帶前綴的屬性。

background: #fff; /*背景顏色*/
behavior: url(path/to/PIE.htc); /*引用CSS3Pie插件*/
border-radius: 5px; /*圓角效果*/
-moz-border-radius: 5px; /*針對火狐瀏覽器*/
-webkit-border-radius: 5px; /*針對Webkit瀏覽器*/

此處所示的代碼將創建一個白色背景顏色和圓角效果。CSS3Pie插件已通過“behavior: url(path/to/PIE.htc)”進行調用。

在ie瀏覽器上使用漸變可以讓網頁更加炫酷和動態。但請注意，ie漸變的使用應該適度，過度使用反而會影響網頁的質量。同時，還應該根據頁面的兼容性問題，進行不同層次漸變的使用。