dreamweaver mx 中层(layer) 的概念 dw层, layer

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
7 B$ o: X' J, j; `
; N# C0 o) f$ a$ N! e下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。' V9 Q. C' E; X
( `3 ~, c1 f% j) T' |* S. n
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
1 G, R/ @5 ]7 n+ v: a  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>
4 p+ k: d$ ?; H3 G# V; ^  <p>sdfasdfsafsadfsad<br>
- h! Y, ^% P# e1 m  sdfdadasdfdsfasdfasdfasdf  </p>
. V) @" B/ |* P6 _</div>, c3 _# ]4 Z, A' X  D5 z) i1 \* z

4 I8 Q$ ?' Y" y: b; g/ z4 j" U这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。, ^3 t, j! E- C
# V# F* W$ w" ^8 z7 v/ R
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
5 S: `$ R! {  T& S; k+ r; }+ [' \2 Z6 ]& L6 j7 H
试验证明，z轴的数值越大，这一层就越靠前。& E# h+ l( r4 F

6 J& `; i) k1 X3 J<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">) M$ G. v0 |3 m; T6 u- |9 I
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>6 m+ {; H2 h% {$ X! ^; A, m- ?
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>$ [3 k* m- W' V
</div>& X7 a2 c7 i- f. ^5 P$ l

0 p3 d4 D# Q$ \4 I. F<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">9 D* q! L9 N$ A
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>$ ]) G6 o1 n0 w! Z7 ~# ]* I1 I8 p) a
  <p>ddddddddddddddddddddddddddddddd</p>
" x. n2 U0 E, Z4 h* n. |</div>" i$ E' J% L2 _) h3 W$ r- j
6 y' f0 c: s8 a) L/ Z0 }0 N5 ?
body 的z-index应该默认是0