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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
9 }  F- N; @7 O. s4 \7 Y, z2 M* [& [9 J
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。5 Q& M4 ?7 J0 G5 y! i2 W0 s3 Q4 ?

# J: S* _( u/ S- s- u/ u7 s<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">
& }" v; h: z0 H  J  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>
% B2 d% Z4 R0 i, `# K  <p>sdfasdfsafsadfsad<br>/ a( A6 }6 m; w+ V& b
  sdfdadasdfdsfasdfasdfasdf  </p>2 W) {0 [! T+ S
</div>
" x& P9 ?  U) [- a* d1 c2 e4 T1 t4 v6 D0 i, W( I! X( X
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。  I) e9 S3 f+ r! F4 Z
4 @* a% {3 d/ g* S3 W* E7 I3 d% C
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。* A/ J: Y, Z" I- t

6 l, P1 q" [* S试验证明，z轴的数值越大，这一层就越靠前。
0 p8 {! o, H3 f2 a$ N5 E, C4 R
: Z7 h& E: i  D5 I& v/ ~<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">: Y' }# F% @4 g6 u
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
, h* m3 Z' M" z, I7 Z( P4 ^$ V  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>: q% X0 Z% y( R3 u% X% x" M
</div>$ L! d( o7 E5 B0 V& ^8 {2 ~! L
5 A9 C0 X/ S' A4 P, I5 I, V+ E
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
- c: u/ j* l1 R# L- D: n8 Z  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>1 P! G, @. R2 S8 \
  <p>ddddddddddddddddddddddddddddddd</p>
. H6 w2 b! g* T% u7 S/ E. O</div>0 R7 g. Z1 L, f( X2 i! l

% E! q' S! h9 ]% zbody 的z-index应该默认是0