|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14443
- 金币
- 2507
- 威望
- 1647
- 贡献
- 1455
|
dreamweaver mx 中层(layer) 的概念
dreamweave 是一款好用的网页制作软件，网页也是平面设计，就像Photoshop,Fireworks一样，这就使我们的软件有了曾这样一种概念，就像上述软件中的图层的概念一样，在页面上一层一层的进行制作。但是这个限制比较大，所制作的东西都在一个矩形框里面。2 D$ U$ C3 p3 O5 j4 v
, }( M1 T+ }3 ^* Z7 D: H$ {& _下面我们添加一个层，插入-〉布局对象-〉层，这样我们就添加了相应的一个层，让我们来看一下他的代码。3 R U- C7 g! K' a: d9 R3 @0 D
6 C: J. u( d! ]; X7 q1 j
<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 59px; top: 51px;"> @! k& v, N8 E1 [, M( T* ~
<p><a href=../../blog.csdn.net/overmind>overmind</a></p>
+ r8 b' H1 ]/ d( O <p>sdfasdfsafsadfsad<br>
& b" i! P; ]7 q, g8 ~* D; p6 g sdfdadasdfdsfasdfasdfasdf </p>) w V: o7 ^% c) {- B
</div>
U, Q' l3 k" x: n6 F) G! F
9 D7 l! z( R9 D1 ` N% p8 X这就是一个层，设置了简单的位置和大小，z-index:1表示图层的z轴位置，通过访问id,可以用js来操作一个层的动作。
/ t& _( z. u0 c7 V7 Y5 s/ g! X1 f4 w9 o+ C% O
层的默认颜色是透明的，如果改成background-color:#FFFFFF"，那么层地下的东西就不可见了，都被白色挡住了。
7 j6 h6 t5 u3 @& D1 p
P2 m0 j% c- I, N; N. D试验证明，z轴的数值越大，这一层就越靠前。
2 b0 Q3 r) I* U+ A
3 R7 A* j: q. O* @( l<div id="Layer1" style="position:absolute; width:250px; height:181px; z-index:1; left: 165px; top: 124px; background-color:#FFFFFF">
* C/ x. d' Q& K/ m# z: M3 R! O <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>1 t' e* v Q1 b- [4 n
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>6 R( J) J& D( _8 _; c
</div>
( I* h" M" ?+ d9 C ^
) V) [; w( L2 |$ w- J<div id="Layer2" style="position:absolute; width:250px; height:181px; z-index:2; left: 236px; top: 142px; background-color:#FFFFFF">
, X; Y6 w) |8 r <p>ccccccccccccccccccccccccccccccccccccccccccc</p>6 }! r" ?" x8 `' J- w
<p>ddddddddddddddddddddddddddddddd</p>' j2 t; a& v3 z/ S2 X
</div>
, ^0 |6 M2 ~! U
0 G* V+ I3 U. vbody 的z-index应该默认是0 |
|
发表于 2007-12-24 17:35
| 