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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。/ |' |! H! I" d# F% L

6 @4 h0 A: L' h" k下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
6 g4 g9 U" \& A& \# l. `" f# X+ a+ U( x# B
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">3 y  h$ S1 P* Z# r3 y; H
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>$ ?# S8 @. N# m9 @' `" _  Y
  <p>sdfasdfsafsadfsad<br>
" o, n& ~1 t  s9 \" }, u  sdfdadasdfdsfasdfasdfasdf  </p>* M6 A' k, v: }9 m% K; B1 l! {
</div>( I3 Q  p, E1 h/ s

9 }  x0 w6 K" S$ Y3 @- u这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。! O7 X4 D, o1 h6 i6 l/ H' ?# S% }
0 V  M- ?2 N* `5 ^
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。! f0 [' }3 _" N  ~) _( \
5 q5 h- s" I/ v2 Q) |/ s
试验证明，z轴的数值越大，这一层就越靠前。
+ M$ `( n' y4 k0 b
( V6 N, L! ^4 n; O% q* N0 R# g: h& ?% N<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">
5 }8 k# Z2 ?1 p$ u: y9 p. T1 b( _  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>& _3 I" g2 B& K
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>! A7 R& y$ L& f" O. L+ v: a3 \
</div>
/ S% ~# m7 T% b1 O& W0 w/ P* P% O0 s- q! |  m
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
; J4 U8 x2 t4 E5 X1 c% Q( L  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>
' }( K' ?1 h) Z  <p>ddddddddddddddddddddddddddddddd</p>0 P6 z4 j7 a4 P5 {8 b
</div>
& U; r9 W( o5 Y. r* {/ F8 Z$ Z- k. p' A2 _# m6 v: Z
body 的z-index应该默认是0