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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。: X$ s. e5 k" F% w6 T

& F- k) s, V4 T; Y6 g6 d) E  g下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。9 |' ^. a; \7 A1 L0 x/ c  U& m
7 p& m1 X9 j! i& s; `0 U
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
) Z: |8 U# |7 q; L  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>; b" q# U) h% x) _
  <p>sdfasdfsafsadfsad<br>
3 s% B8 O( ~9 b' g  sdfdadasdfdsfasdfasdfasdf  </p>) \& t3 r9 l3 W; Q9 r- u
</div>
$ x% L6 l) t$ u' F  G2 E9 f' Y1 b9 L4 Z+ q8 O8 g4 s
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
* v* D9 i+ d1 N# c& S, ]" @% z' p' a  V7 u3 Y
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
" l* K7 e6 o1 N! [; y0 u& q6 j+ O8 p
0 s2 `9 |4 R$ m6 d; Q( A试验证明，z轴的数值越大，这一层就越靠前。
3 e' e1 A6 v" I# s6 |0 P
' }6 w( F- \  \<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">
5 t& A! \2 R; H% D4 A  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
' C3 e2 d5 d- e) L" M; K/ R  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>' _4 s1 w3 G' l7 o
</div>
# p' p3 P& d" E1 u: Q7 e
( g  w- v0 w2 [# d4 ~<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">. W9 Q% q' q5 N! ]- f) q
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>4 p0 K# a: d) M! N2 F/ {) w
  <p>ddddddddddddddddddddddddddddddd</p>
2 [- T7 a6 \( J' F5 U8 m</div>( n: X2 H* w$ e

2 y2 u$ c& {% G5 Fbody 的z-index应该默认是0