用CSS如何设置网页渐变背景?

来源:百度知道 编辑:UC知道 时间:2024/09/27 17:26:34
我在网上看到很多朋友都说这样:<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >
这里是蓝至白上下渐变。
问题是:它在FF中是没有用的,不兼容。在Safari中也无效,怎么样才能在FF中有效呢?急用!!希望知道人士帮帮我,万分感谢!
对于一楼的回答,我要补充一点哦:我的body是不限高度的,如果当我网页的内容很多时,还会渐变吗?即高超过1000px

在background-image属性中使用linear-gradient()。
background-image:<bg-image> [ , <bg-image> ]
<bg-image> = <image> | none
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
取值:
none:无背景图。
<image>:使用绝对或相对地址指或者创建渐变色来确定图像。

<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+)
<side-or-corner> = [left | right] || [top | bottom]
<color-stop> = <color> [ <length> | <percentage> ]?
取值:
下述值用来表示渐变的方向,可以使用角度或者关键字来设置:
<angle>:
用角度值指定渐变的方向(或角度)。
to left:
设置渐变为从右到左。相当于: 270deg
to right:
设置渐变从左到右。相当于: 90deg
to top:
设置渐变从下到上。相当于: 0deg<