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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
: S% r8 N! \' r* o( `! Y* ]# Y! l/ N1 u. z: j7 J4 X
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
+ I0 e# i$ ^4 l( m! J
" E% R7 E( _7 N& D) Q6 ^<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">8 W. k: q( x. W/ m1 r$ @. n
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>0 F& l1 g& p$ }/ Q0 q' Q
  <p>sdfasdfsafsadfsad<br>
9 x- V2 ~: r$ y  n0 a( b  sdfdadasdfdsfasdfasdfasdf  </p>% c* C& ?; K% H; E+ V
</div>
: J% O, `2 E# U$ J) a1 J' [, }4 ]8 \8 y5 d
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
4 G) D7 F% b: p
: k+ S0 r& m! X; a# l$ j层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
4 D- {/ e/ F, u
* Y+ C" O, p0 `# ]: p' @试验证明，z轴的数值越大，这一层就越靠前。
1 F3 ~0 X6 x, v9 T" N9 e! M' D6 ^' K( q- d7 `
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">) I+ X4 i% }% g/ I. h5 ^: ?
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
- n$ k+ |/ g5 b! I  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
; h4 Z! g( r# L9 d</div>" h- `! ~2 ?- ~
* R( ^: h( e# g: p* M) Y/ h: p
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
6 c- s5 D" H8 I2 y6 b% Q! f5 o. ?  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>" p9 G+ @6 c1 \4 \) k4 B* }  J
  <p>ddddddddddddddddddddddddddddddd</p># _) M# ?0 j  t
</div>, l. J, u# V: W. _  h2 z& C

- p9 x  w! G) X% @; l. F1 p: ^3 _body 的z-index应该默认是0