dreamweave 是一款好用的網頁制作軟件，網頁也是平面設計，就像photoshop,fireworks一樣，這就使我們的軟件有了曾這樣一種概念，就像上述軟件中的圖層的概念一樣，在頁面上一層一層的進行制作。但是這個限制比較大，所制作的東西都在一個矩形框裡面。
下面我們添加一個層，插入-〉布局對象-〉層，這樣我們就添加了相應的一個層，讓我們來看一下他的代碼。
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
<p><a href=http://blog.csdn.net/overmind>overmind</a></p>
<p>sdfasdfsafsadfsad<br>
sdfdadasdfdsfasdfasdfasdf </p>
</div>
這就是一個層，設置了簡單的位置和大小，z-index:1表示圖層的z軸位置，通過訪問id,可以用js來操作一個層的動作。
層的默認顏色是透明的，如果改成background-color:#FFFFFF"，那麼層地下的東西就不可見了，都被白色擋住了。
試驗證明，z軸的數值越大，這一層就越靠前。
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
</div>
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
<p>ccccccccccccccccccccccccccccccccccccccccccc</p>
<p>ddddddddddddddddddddddddddddddd</p>
</div>
body 的z-index應該默認是0