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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。/ L1 W" K% V2 N' Q: ]

! p; b2 q6 n3 ~0 n下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。9 r5 s( J' c3 v& r( w; r2 F+ Y) n

$ k0 @* L0 V! L# k) f4 i<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">; M6 {3 f2 P& k5 U' G9 G7 Y5 R
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>
# t5 o9 S$ q" j  x* B  <p>sdfasdfsafsadfsad<br>% z0 \8 u7 b: e/ d* \( C
  sdfdadasdfdsfasdfasdfasdf  </p>
+ \& u+ ^# c; w6 y" E% T</div>
, {# Y$ C, V" A3 l  C4 c1 I( v5 ~3 L7 y0 ?1 t: ~8 W! i0 f
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
0 I7 n+ H% f( B9 B( p' k& c6 s2 Y- j* J3 c" z7 X/ e0 G4 u- }+ Y# a* F6 @
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
8 H# T1 D: z5 f6 J4 V# t1 D$ P" @3 B, A( J
试验证明，z轴的数值越大，这一层就越靠前。* O6 D& M" ^, ]: w/ Y4 Z) o( A8 _

( S$ K( ], I. u! D, Y- N3 y<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF"># a9 N* R, r* R( H4 f* f4 N
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>! U5 U$ b' ?% n$ @- b! I
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>+ r' D* M- i( o9 u8 |
</div>
8 Q0 F- j5 T$ A% a* q9 D5 J/ i2 Z/ A% K
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">" K; [2 o8 l! K2 c/ P# j) S' O
  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>3 x+ l& t5 l6 U( e: w
  <p>ddddddddddddddddddddddddddddddd</p>
) }# W# W3 w/ m3 q</div>0 c" O2 ?6 k: P, A

% H8 e5 R6 l' b& O. J8 bbody 的z-index应该默认是0