可以的，只要把它们用逗号隔开即可，如果你愿意，你甚至可以用多张图片与多个渐变进行复杂的效果叠加。比如下面是两张图片错开位置后放到渐变背景上的例子：
<style>
#ddiv
{
width:480px height:360px
background: url(图片1) no-repeat 30px 20px, url(图片2) no-repeat 160px 180px,-webkit-linear-gradient(top,#966,#8ff)
}
</style>
<div id="ddiv"></div>
要注意的是，在background中排列的多个背景元素（图片或渐变），前面的会覆盖后面的（假如它们位置重合的话）
1、可以同时使用背景色和背景图，具体方法首先用hbuilder新建一个html文件，创建一个div，并给div一个class属性，在上方的style中设置class的样式，这里把div的宽度和高度设置大点，方便观察效果：
2、然后使用background设置属性；background是一个复合属性，有五个参数，第一个是背景颜色，第二个是图片，第三个是图片重复的设置，第四个是背景图像是否固定或者随着页面的其余部分滚动，第五个个背景图像的起始位置：
3、最后打开浏览器，就能看到图片了，图片覆盖不了的部分则是使用背景色填充：
