|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14221
- 金币
- 2401
- 威望
- 1647
- 贡献
- 1349
|
dreamweaver mx 中层(layer) 的概念
dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。
3 t! P! M5 {2 Z) `3 a
2 Y+ O+ R1 [1 s# U9 V下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。
4 L# V. R5 `: t" F/ h- v4 v) N& u; X% u+ C I: {5 M
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;">, T( b: R, J1 W& P1 Y7 X Z
<p><a href=../../blog.csdn.net/overmind>overmind</a></p>" l( u% q" c* h
<p>sdfasdfsafsadfsad<br>* c7 Z. a1 N+ G/ ~$ }) A$ |: j
sdfdadasdfdsfasdfasdfasdf </p>
/ j# W8 j7 V' _) Y* e) Z0 `</div>
! g4 |! S0 i) U, ~) E4 ~. m! t( j
这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。* I8 A2 [/ R% G3 }0 M% k
4 A' q3 F0 V" i* g
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
# G+ {* G8 z6 @' V* M" B
2 i1 \2 E% K9 F试验证明，z轴的数值越大，这一层就越靠前。( H7 {) E+ ^9 h8 M7 b
" Q4 ~9 k: f5 N9 X
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">- k# \) |& [( T1 g5 Z" i
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>- `5 @1 m4 Y; F2 r* w0 J3 P
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>8 H9 p/ k( V7 [' y) N m& d6 e
</div>1 o; y0 {! W( E P5 p$ o
, G2 X; o3 i8 r
<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
$ d4 t! d2 @1 `( Y% _( K. E! N <p>ccccccccccccccccccccccccccccccccccccccccccc</p>; ]/ B& z9 B% l+ m1 c. M( [
<p>ddddddddddddddddddddddddddddddd</p>" s' r( ]2 O* [
</div>
% G6 n* A3 M" I2 E/ z
$ e- i+ [+ H) Y7 p- lbody 的z-index应该默认是0 |
|
发表于 2007-12-24 17:35
| 