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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
! u( t! u% C- B5 q" ~6 M1 u0 M9 F  T; x
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
+ K, W; I! M: B
( B3 R! J) `- C+ s. V' s<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
# b+ n; s' V. f  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>3 D+ H* R+ {; b9 z* u" B* M
  <p>sdfasdfsafsadfsad<br>! U* V, H0 r! g% q; z  Q$ j/ C
  sdfdadasdfdsfasdfasdfasdf  </p>$ n, ~7 M2 k& P2 Q+ [
</div>
2 e; Y8 j. y3 E, E" C2 f0 s5 `4 y+ c2 o
3 X, w3 P  ]* r! P% y4 G这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。$ R7 D$ @! l1 \" W+ c5 ]5 k

/ X$ |$ O9 I" [0 [" z6 j层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
  `+ m0 C0 f( t: h% ~4 r
, j2 F9 f0 ?$ T4 B: z: W8 C9 r试验证明，z轴的数值越大，这一层就越靠前。
7 b/ u" c* h! o1 [6 P- G
7 N( t0 q8 m7 k2 r4 N  s; b<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">& t/ Y4 _0 {" p$ q; j5 C' z
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>/ ]' G3 P8 I; V; }9 a. B
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
, [: Q8 q9 A# c3 p</div>6 h! R: Y1 v5 N2 U

: R# i. V$ R( Q<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
+ c4 `/ C/ `( L: {1 P  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>$ W' y  }$ e  b2 w
  <p>ddddddddddddddddddddddddddddddd</p>
! q6 G" y7 }7 i</div>
; ]2 v* e- q+ n3 k3 A- H! M- |
6 x/ ]% v" }2 `1 @; \body 的z-index应该默认是0