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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
& Y1 q: X. I3 `7 \
# b# N$ l( L$ J8 R6 |( i. r8 p下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
0 E* ~( @* U; M7 q8 `, q
  U! y8 Y+ Y8 _7 `/ ~<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
* e6 X$ E+ e; _4 @" H  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>7 @# @/ Q. g* d( j1 o- x5 ~9 S
  <p>sdfasdfsafsadfsad<br>$ L9 X* `$ S( }5 |* E" y% y
  sdfdadasdfdsfasdfasdfasdf  </p>
  Y3 o7 {) V. Z+ s# ]$ ^& z</div>: Q  y' p3 |4 C3 n" Y  r
! _) R" H% R1 ?( O
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
7 ~; ]1 g0 g8 Y" K  Q/ P% L9 ?+ l9 G0 |& h# K- D, S- q& P, h
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。) u7 T& b( W' y
# b. D+ A+ V% p1 w9 b
试验证明，z轴的数值越大，这一层就越靠前。% a% Y3 P' @$ |8 a
$ u3 x3 e6 g  G+ o, u* D
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">
8 b1 B( `: w2 }9 a" d1 M' ?( A5 S' v! o  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>; T) ]6 U/ w1 R- e2 k# e1 |
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>: j0 Z/ [% f; E1 S* Z+ L( X& N2 t1 O3 ?
</div>& |: y% a  ^6 y6 q& j6 Q0 `- P
1 |2 U% {1 N+ c# D0 `1 G- P
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
0 a% y0 R& q6 |5 t  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>
3 `2 O5 W' @0 g+ S" A9 E, i  <p>ddddddddddddddddddddddddddddddd</p>
; U  S, W8 b6 J" s! R9 p</div>
  b& T' V  t5 N0 l9 r/ {: y( K4 M% D5 W* h7 x( ^$ N
body 的z-index应该默认是0