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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。; p% I  s/ {& h9 O
# }  T0 S& t& v
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
$ t& y2 u! M. y! u( m* @, k) t2 Q% f! c' C+ v! H
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">- C8 F' L- H( @1 a7 Y& T, {
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>
% ~/ A* N3 ^/ S. O% X& M# r  <p>sdfasdfsafsadfsad<br>6 D6 ~( x. p7 S3 `2 _! d
  sdfdadasdfdsfasdfasdfasdf  </p>
$ ?& U" `$ u' x* N</div>: e; k" ^3 K8 v3 T1 o
5 M) L  ?' i. U. B5 y
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。# Q3 w2 i4 W( j& N

+ L* E& j/ m7 \. f层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。! W, V6 g: p) G- t# _: ]* ]
, y, j8 a7 e0 D+ `1 W
试验证明，z轴的数值越大，这一层就越靠前。
, v* V6 ^, ~& e  f3 U
; B* q/ O0 R4 }- h# M& L  w* p<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">2 K; g1 R8 ]# T6 ?9 F# }3 G: T& \
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
1 U5 T7 k. M2 E7 l, M/ K  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>* n9 k- T+ b# ?7 w0 b; M. j: \
</div>
) C; `" ^3 G# \' W3 R  p; G" t" W1 i5 G
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">1 C: |/ o! |) @+ L
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>6 X8 z9 a1 \$ C& Y: Z* O& G
  <p>ddddddddddddddddddddddddddddddd</p>8 v- l$ O9 F& Q3 i
</div>) U6 b! ~# @0 U% d* x7 o. N% s

8 ^3 N+ P2 c! X# E2 p: Z6 W( l9 _body 的z-index应该默认是0