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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。5 X' l! ^  U! F, @; ^

5 q: J1 J  F$ `  O* \下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。- d3 g4 v6 j" `5 g/ n6 d% H0 j

0 {* h3 v; `4 U0 N0 w% g5 l<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">& [4 S! e" U. t
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>/ Y% S  h& y8 E5 N! u4 x9 w
  <p>sdfasdfsafsadfsad<br>
& F" b; e' J9 m- R  sdfdadasdfdsfasdfasdfasdf  </p>
+ D" q' l; }0 K2 i</div>+ K  U% t; \! V" A5 z: s3 f" I

4 h8 Y( e# {1 e# Y: s( j! u: G这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。7 ]* ~; @' a# n- H" z
. W1 T) P9 l: ~) G! t
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
8 F5 x8 }. ~. R! I+ i3 \; x* F! o  \
0 v* X6 z: b3 E9 I% ~$ T试验证明，z轴的数值越大，这一层就越靠前。; E& z+ B' X# e  y0 y0 s8 u+ m9 K+ ?

+ p6 j) L9 Y* D$ D<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">) g6 M) q( Q! d% h5 l3 P
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>. f  S: s4 D3 x- T1 K( _
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
/ L$ M2 o: ]+ l</div>" p  y; F) G1 _3 U+ |' I
) u3 R4 e* C7 ?! m5 c) t0 a, I6 I6 Y
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">) X1 w5 D( R! _) C
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>
2 @& W- s! v; M) \& s7 h3 a: F  <p>ddddddddddddddddddddddddddddddd</p>: M7 K* |4 t1 W- k( y. S1 m
</div>
' s0 q# ]2 W+ z+ {
, y. K3 B) G) i: Rbody 的z-index应该默认是0