dreamweaver如何叠加背景图片

Question

就是一张背景图上再添加一张，是加层嘛？？如果是怎么搞。具体点谢谢 ，急用！！！~~~~

Answer 1

叠加背景图现在有两种方法：

1、在css3中有一个新的方法

background-image:url(bg_flower.gif),url(bg_flower_2.gif);

这就是在同一个位置添加两张图片，最好是用不同的图片观看效果，如果是同一张图片效果是不明显的。

2、就是用定位的方法，就是在先在一个标签中添加一张图片作为背景图然后通过定位的方法将一张透明背景的图片定位到与背景图的同一个位置，然后再将内容部分通过定位的方法定位到刚刚那张图片的上面，这里需要用到一个z-index属性。

Answer 2

层叠可以实现3d效果，用div的z-index属性。值越大，在显示器上离你越近。。然后通过定位来实现。

Answer 3

<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。