<style type=text/css>
- q1 e3 |3 p8 V$ G7 K: h4 k. | l5 K/*---dw8
0 k1 r9 {+ H4 m5 \8 y- i3 U7 w<!--6 T$ r" _& k2 q6 B9 W! n3 `
body {8 S' v8 D t, z& @. e; P
background-color: #0066ff;
$ Z/ J1 S4 v9 q5 G% b+ z}
; B7 y5 J- v$ J3 W3 H2 K, K#div1
4 N# k3 `+ H, f9 e% U{
& l3 X* m5 [5 _& t2 @* z0 lposition:absolute;9 ?9 D3 H2 E0 [% R& L, d, K
/*---这里定义层不随表格透明而透明
3 k6 }$ l* m1 H7 g5 @0 D( g8 m这样就可以使表格透明的时候表格里的
) q$ L" T& i$ q$ @: T内容和图片不跟着透明了---*/4 N9 m9 r8 V* t- j' |( J! Z
}
6 N! {) ]3 U- J; b c- ztable
! A1 ^' S4 C1 H( ~. ~/ v' K{; t8 R, Z1 G9 Y; {2 y8 Q
background-color:#ffffff;
: e, o3 h3 d2 M) j! J7 |filter:alpha(opacity=50,style=0);3 k4 o8 q5 v. j7 x6 |8 O
/*---定义透明度,和淡化的风格
: B4 U: a; U: c- h/ @5 d3 l% W8 ]opacity为透明度,值越大透明度越小2 A: @0 _" d% X' H8 C0 _% [' v& }1 J% e
style是透明淡化的风格
9 B1 o# I/ \* K: C0 普通透明
2 q' W; f) h k, U0 q" w d* D. ]1 从左到右渐变淡化
+ u* T' ?! J! H& W, V$ X0 Y, U2 圆形像两边淡化8 p4 x0 y6 N) \/ ]
3 星状渐变淡化0 a5 ?# b2 r5 T5 ~& I' P; e
默认不设置style参数为0" v+ h/ ]. e# \( S
这个效果同样可以用再图片上
! L( b2 Z+ ^4 G1 o/ ^ D---*/
) W5 R5 L+ z& y i+ T2 B9 Zwidth:300;
; |! y4 v1 E0 T1 V* |& Vheight:300;0 c2 F+ d1 P6 ~4 o' p6 R
/*---这里一定要定义宽度和高度---*/- B$ F% k& F9 j7 O3 f5 W+ T
}
9 ~9 _! R( s4 f0 y-->
& x9 x* Z1 w( z; g$ s* @</style>* {7 I1 g5 {; A% ]5 q! Z
<body> - T3 R5 `. G* {. \$ X. _$ W
<table bgcolor=#0000ff style=display: id=tab1>6 L; y- K$ j" {9 w! a/ I
<tr>
- i" n0 h) r w2 B" e3 M<td><div id=div1>
: _0 Q! W* O% b) x<p>div层里的内容</p>$ S& F' G* d. ^ Q# {
<p><img src= width=174 height=59 /></p> * |* L% n2 a$ W8 ]/ w2 k# x6 Z
</div></td>" V) Q& Q; l1 w# c! x
</tr>' W% f3 y3 r0 f. E1 x) T" ]
</table>3 x! W/ k/ o4 Y* k3 M% ^ L
</body>( b; V3 b. d- l
) v) O/ a3 f9 [0 k更多网页制作信息请查看: 网页制作 |
|