之前在做网站美工的时候渐变色采用的是图片,发现用图片很不好,会降低网站的速度,后来研究发现不用图片也可以实现渐变色,真是激动人心啊。
<div style="filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,EndColorStr='#ffffff',StartColorStr='royalblue');width:300px;height:300px">
</div>
解释一下,要想显示渐变色filter:progid:DXImageTransform.Microsoft.Gradient是必须写的,GradientType=0为垂直渐变,GradientType=1为水平渐变,默认值也是水平。EndColorStr为渐变色的终点值,StartColorStr为渐变色的起始值。