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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。3 I  p& d& \* g6 s. y7 r

7 l. O# G& C# A9 R) [7 k下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。5 G, f5 j  W% j
5 m7 }0 V9 i) M. a
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">, {  L- p4 c* s+ s4 ?0 @) g
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>; b& D7 Q; W. F
  <p>sdfasdfsafsadfsad<br>
% U; q, i3 e+ S  `+ t1 T0 p% ?  sdfdadasdfdsfasdfasdfasdf  </p>  L4 Z" P! N5 E6 E( o# f
</div>
6 _) B3 d! m( l4 Z2 P! m  m9 n, r7 A3 b& b# ^( }3 U
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。9 }0 w% B& n& Q- g

: E( K$ [. N; Z! L% e5 G" N) o层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
% q8 y( z4 c9 T! J5 s+ ~) S* V+ j1 d3 e# \- U
试验证明，z轴的数值越大，这一层就越靠前。7 p0 p- u& `4 U" Q8 }
+ d$ E! j( `; e0 e: @; @- [2 D
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">
' N3 f  ?: P; L' D7 C! S  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
) a- p4 T; X$ ^3 S' e  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
. Q; @, T/ _8 w, Q</div>
; X& Q' v4 |( Y% a$ m, E
- f% i( ]; J9 [3 m( L) r/ }0 f; N" p<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">9 U# _2 b9 A) _/ n. T
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>
2 G, g  U9 A) Y8 ]' V  <p>ddddddddddddddddddddddddddddddd</p>
5 U" A3 G" Y9 X* O% J0 K1 G& o1 ?9 Q</div>0 t) }% T( V5 R! `5 |
# y, m9 |0 L9 U8 X+ E
body 的z-index应该默认是0