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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。0 c1 `2 B. _+ r. f5 X+ e" K
* R! E- ?) L7 ~8 ^6 I& u5 {
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
0 k6 G  I5 E8 T3 \6 k8 n; e1 J
, _8 W, r+ [% d8 K<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
0 [4 c) [" F0 I$ i  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>9 M6 q$ ~! M$ @' R  G
  <p>sdfasdfsafsadfsad<br>
9 P* P& O/ X# T& x, B  sdfdadasdfdsfasdfasdfasdf  </p>
* J$ V" F. H1 y</div>
, B% ]- O  h* `7 B/ r: U; ^  z: E0 t% t) E
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。. c+ U4 J- D: O6 ~
3 f1 s* l5 s+ ]9 d
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。7 V- D* {; S& I

- p0 v% Z/ u$ y8 O% I试验证明，z轴的数值越大，这一层就越靠前。
, q/ y8 y, l4 r1 }8 ~) i
2 y5 U* b% {2 \$ d3 D' h* c0 u<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">. P8 n7 p# S, Y0 N( _. o3 O
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>/ c8 h' N' r% i
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
1 W7 H$ V& V+ I# K, t</div>
. Z; y) K$ f+ ?4 j7 `+ b
8 z$ l- A" K1 ^/ q* d; W<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
0 o7 T5 ~' X2 n" ]. m( l4 Q  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>" o: s' X# q( D! q' M2 w) ?+ L
  <p>ddddddddddddddddddddddddddddddd</p>' d3 k% N, {5 d1 l
</div>) ]# O' m1 p  F) W  U/ L0 y
/ P" t% v! Y' I: |1 ?
body 的z-index应该默认是0