Dreamweaver如何制作背景图片并在其上叠加图片

Question

如题 怎么把一张图片做成背景 并且在这几张背景上叠加图片？

Answer 1

楼主想要的应该是这种效果吧

HTML代码如下：

<div id="layer1">
  <ul id="list1">
    <li><img src="02_1s.jpg" width="100" height="75" /></li>
    <li><img src="02_2s.jpg" width="100" height="75" /></li>
    <li><img src="02_3s.jpg" width="100" height="75" /></li>
    <li><img src="02_4s.jpg" width="100" height="75" /></li>
  </ul>
</div>

CSS代码如下：

<style type="text/css">
#layer1 {
background-image: url(102.jpg);
height: 333px;
width: 500px;
}
#list1 li {
margin: 10px;
float: left;
list-style-type: none;
}
</style>

看不明白的话还有做好的附件

Answer 2

看下面的代码，关键是 z-index这个样式
<div style="left:10px; top:10px; z-index:1; position:absolute;"><img src="bg1.jpg" /></div>
<div style="left:0; top:0; z-index:2; position:absolute;"><img src="bg2.jpg" /></div>
效果就是 bg2.jpg 在上面，bg1.jpg在 bg2.jpg 的下面，位移差是左10px，上10px。

追问

我想在背景上插入多个图片 每个图片都能调边距怎么把那 谢谢了

Answer 3

好麻烦的说