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
>