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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
; r# B7 n) s4 C3 r
, _8 [4 P# o$ ?. S下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
/ p2 {+ E2 z0 w0 p' x  G+ u+ I
( K0 ^6 k$ p1 x: Z( _0 s3 j) P# @<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;"># ^7 [+ ^' R! R! J: ^2 F
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>. @1 m: Q. v6 \( P4 w! Y
  <p>sdfasdfsafsadfsad<br>
" a2 K# c! V# A( @5 r! f  sdfdadasdfdsfasdfasdfasdf  </p>
, t5 r- I1 ~5 E& [/ o' e& Z</div>
4 j3 W! E9 \& j- w
# v( F4 B' c- z) \2 R" C" V这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
: O& q6 A/ J3 I+ L0 G- Z
! _: J$ P7 p7 c. D$ X6 ^! U层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。5 O1 c# B' v  ], ]2 G$ P0 ^' y

9 k3 _9 f7 I8 w) c试验证明，z轴的数值越大，这一层就越靠前。
$ e. |7 D$ x$ \+ `
5 z) |6 _! b7 _8 E# y* P<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">7 b; `4 |0 Z4 ^
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>- j$ v7 u7 o* _7 H( i) T" N
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
, z. ?! }! T3 K& v</div>0 c7 Y- r) }5 {5 s; {1 E! j+ b
& O  M4 M0 f, Y" l! b; |3 g: w
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
  V' W% C4 M# N( m  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>
# F0 ~, y# m6 b2 G$ A7 x  <p>ddddddddddddddddddddddddddddddd</p>
# L- j4 `+ \& m! c</div>
, s, Y- _; t$ ]; ]& C8 Z( }' L- j; e+ D
body 的z-index应该默认是0