可以的，只要把它们用逗号隔开即可，如果你愿意，你甚至可以用多张图片与多个渐变进行复杂的效果叠加。比如下面是两张图片错开位置后放到渐变背景上的例子：
<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中排列的多个背景元素（图片或渐变），前面的会覆盖后面的（假如它们位置重合的话）
有一种方法，先在作图软件Firework或者PS里面做一张黄色背景的渐变图，然后把你要加入的图片放进去，然后组合到一块，最后切出来！然后在CSS里面之间加背景就可以了！第二种方法是，先做黄色的渐变图，然后在CSS里面加上去做背景，然后把图片插入这个背景里面就好了，要移动把图片转成区块就可以了！
不知道你看得懂不？希望帮助到你！
