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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
, h; T8 M4 z$ D  r9 {$ [) x& T6 k2 m6 U, P; h& ~
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。+ K1 \& @. }9 D8 T: [

- e$ d% i) P+ \1 _# s. v9 P$ b4 T<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">0 ~* W1 F6 U' |+ J
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>6 g4 O, ]8 k0 W1 w
  <p>sdfasdfsafsadfsad<br>% M2 U0 l+ L( h7 Z7 d" a. ]
  sdfdadasdfdsfasdfasdfasdf  </p>, j" J' _8 U+ g; O5 s) U/ d, j
</div># r, h8 B, g7 t6 o5 b+ ?* ~

) h" y5 q; v9 J$ n这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。0 e2 |$ j3 V$ C& g% b- Y
7 T3 E* Q- r: y3 U
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
5 ^7 V( y* |% y5 G; B% @1 g3 o: c$ m( W* [0 {& ^- k
试验证明，z轴的数值越大，这一层就越靠前。
0 i' O; K# x0 C/ P; i
6 J3 f- _  R9 |$ N' t# V9 u<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">: t: l: A# C- k& U  S
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
8 R( K1 Q$ i% f: ?* v, j8 e  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
  a5 _0 F' v# C6 z  s  f& Y- D0 j% m. [</div>
) N7 S% r* A8 Y8 Z
/ o, y/ K( p7 Y6 ~; Q4 }9 N8 n<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">( _# ~& Q' a' \3 B7 T, M5 u; F' `4 b9 ]
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>  x5 J! M0 c7 D7 v3 x3 C3 h
  <p>ddddddddddddddddddddddddddddddd</p>
0 h: ?/ x* a% a: d' F/ |1 e</div>7 R9 @; c7 o! u  a
/ Z# E- T5 C5 D/ \! A8 k$ e
body 的z-index应该默认是0