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

admin

dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
0 h* t# ?/ u; k; v- \- s* H2 J% P5 b/ J3 J: F! f$ o
下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。) `: b% `& X/ R% f: i% c

% u3 k# @  D" v<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">$ x8 u1 H5 E; q
  <p><a href=../../blog.csdn.net/overmind>overmind</a></p>9 s- G  t1 f0 }+ C' @; [& k$ z
  <p>sdfasdfsafsadfsad<br>
* I; ?0 }/ ?$ x9 _& f  sdfdadasdfdsfasdfasdfasdf  </p>" m& x; ?8 ^2 e8 g( H1 q% y* T% }
</div>
1 c6 A" u" |1 r! I
% O. O# `7 R6 A  F4 g这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
% H  L5 T. w6 E: a! {, n% a" s/ I5 ?7 \& b# a7 u: O$ o+ V% m1 h
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。. \/ M$ |- P$ [( r

4 g$ Y: b2 ^6 b试验证明，z轴的数值越大，这一层就越靠前。8 K+ i1 B$ x2 N3 n
9 z1 I, i- N" d8 m/ o. \7 l( H: U
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">* h# x( ]+ x6 D' O/ @, p
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>% ]0 C: r& g0 z$ _  k
  <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
: m# h# N7 w! i7 e7 j( V8 s; n</div>" ?- M" D, b* ?+ r1 L- U9 \, ^

$ v8 W) c) U3 x9 Y<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
* d8 B+ f- h, y; }, W; ~9 T  <p>ccccccccccccccccccccccccccccccccccccccccccc</p>) t4 l8 c. w0 ^- _5 E" D1 f+ e! P; W
  <p>ddddddddddddddddddddddddddddddd</p>: S5 j6 `% D1 n. n/ }- ?; ^
</div>' C. U: ], ~+ J5 Q1 t5 c

8 x8 b6 u$ u: N" e0 R: q3 s/ ~body 的z-index应该默认是0