css里能同时定义两个背景吗?怎么用css做渐变的背景

来源:百度知道 编辑:互助问答吧 时间:2021/09/28 16:00:24
css里能同时定义两个背景吗?怎么用css做渐变的背景?

CSS不可以同时定义两个背景,不过你可以嵌套一下,比如:在div里面嵌套一个span,然后可以分别设置背景,以达到自己想要的效果。

做渐变的背景,要突破浏览器的限制,建议用图片做,先在PS 里面根据需要(纵向或横向)制作一张渐变的图片,然后,裁切成1px高或宽的条。
然后在设置背景的时候, 横向(repeat-x)或纵向平铺(repeat-y)就可以了。

如果是纵向渐变,就做竖条,横向平铺。横向渐变,就是做横条,纵向平铺就可以了。 就这么简单。

不可以,但可以做渐变背景,竖向渐变:<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
横向渐变:<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
但这些只在ie里面有效果,在火狐等浏览器里没效果。