1、打开操作软件这里用DW，定义一个css样式，如下图
2、首先看下，背景图效果，如下图所示：
3、在div中添加一个img，输入以下代码。如下图所示：
4、即可实现如题，css图片之上再加一张图片：如下图所示：
方法/步骤分步阅读1/7新建一个html文件，命名为test.html，用于讲解怎样用js插入多张图片的页面中。2/7在test.html文件内，使用div创建一个图片输出的区域，并设置div的id属性为pic，主要用于下面使用js获得该div对象。3/7在test.html文件内，使用css设置div的图片样式，设置图片的宽度为200px，高度为100px。4/7在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行add()函数。5/7在test.html文件内，在js标签内，创建add()函数，在函数内创建一个图片路径的数组。6/7在add()函数内，使用for循环遍历arr数组，将图片路径逐个插入img标签的src属性内，并将所有img标签连接成一个字符，最后，通过getElementById()方法获得div对象，将多个img标签的html插入div内。7/7在浏览器中打开test.html文件，点击按钮，查看实现的效果。每个div里面的属性只能用一次的!如果要添加两张图片可用div套div的方法!<div class="div1">
<div class="div2"></div>
</div>
将它的们的高宽设为相同然后,分别给它们设置背景图,让图片的位置不同就可达到你说的两个背景的效果!
