CSS代碼實現網頁中指定Div元素的背景漸變,用CSS的filter: progid:DXImageTransform.Microsoft.gradIEnt()濾鏡來實現,效果挺不錯,可以拋棄用背景圖片來實現網頁背景了,具體的CSS代碼如下:
1
.demo{
2
width:550px;height:120px;
3
background: -moz-linear-gradIEnt(left, #95979A, #fff);
4
background: -webkit-linear-gradIEnt(left, #95979A, #fff);
5
background: -o-linear-gradIEnt(left, #95979A, #fff);
6
background: linear-gradIEnt(left, #95979A, #fff);
7
filter: progid:DXImageTransform.Microsoft.gradient(GradIEntType = 1, startColorstr = #95979A, endColorstr =#FFFFFF);
8
}
使用方法:
1
<div class="demo">看我的背景是不是很漂亮?</div>