<style type=text/css>. x& A2 d( M/ T
/*---dw8 % g5 O) l9 n' Q0 F* }) I
<!--
! p D2 y; L7 pbody {
( P' s# Y& @: c0 {$ m8 K1 Zbackground-color: #0066ff;! e8 e5 P# f& ]' _- P
}
' e& ^2 `2 z$ M! l: v: ]/ R#div1
$ `0 N( U# b0 }" H, e{7 b1 L/ f7 n" Q1 N0 @
position:absolute;
( Y" @% s8 p7 e/*---这里定义层不随表格透明而透明
6 E% a8 v `; R; p2 ^ j这样就可以使表格透明的时候表格里的% S9 x8 A" U# w5 Q
内容和图片不跟着透明了---*/
* x/ Q2 c0 Y# S% [2 G/ Q}
) w) }5 P" k* N utable- B& q/ |/ U! k
{- L8 F9 ?& `0 H0 @) Y( N! z! T$ R
background-color:#ffffff;
2 ]" N$ C* \- m8 b0 S$ J! V" yfilter:alpha(opacity=50,style=0);" @$ \6 `% K. d; A) W" ?5 j
/*---定义透明度,和淡化的风格+ A3 L6 E3 `# i: k
opacity为透明度,值越大透明度越小
2 @0 l6 z: |" b! \/ v2 H" kstyle是透明淡化的风格
: x8 D6 C1 a6 j( l2 C- f- J. O- S0 普通透明
) I4 Z2 e2 `& f; x. K. I5 ?, r1 从左到右渐变淡化# N- {0 a' K. e, Z5 ^* U! u
2 圆形像两边淡化2 n7 b* _8 w; f1 X- F
3 星状渐变淡化
* y. x( `0 j$ R默认不设置style参数为0
5 V' q p* Q$ _% i2 x8 E这个效果同样可以用再图片上
7 Z$ j, ]& e/ ^4 V---*/, Z( l5 ]+ n6 }
width:300;
% o5 v. h2 C, g5 ~7 q% theight:300;* A1 P% Z! K2 R; ?0 Y: X i" h9 O
/*---这里一定要定义宽度和高度---*/
+ Q6 h& z1 w8 m* m4 m6 [2 q0 X}: K& N3 ~* [4 n! z5 }# r6 H
-->
. K) }. Z/ R7 o' i</style>+ q; G* G$ P9 W. b
<body>
1 J, N& D* p$ p4 m<table bgcolor=#0000ff style=display: id=tab1>
( G' v! F, E3 U1 d5 I4 q9 x6 `<tr>
+ M8 ^9 [' q3 \1 q$ ?: s<td><div id=div1>
9 k/ P3 F# H& `+ D9 D p<p>div层里的内容</p>
2 ]! a( f; U& B! f; R+ T3 n9 O<p><img src= width=174 height=59 /></p> ; x! k, G* p0 _! {2 @. L
</div></td>% d9 V0 ]2 n5 K C6 i7 r: O4 m
</tr>$ e; m* C5 J. k3 [, f& D$ ~
</table>
+ w4 M* x# M, \% {2 _' u/ o</body>
& `0 }1 ^5 U: [; h# X1 N/ A; u7 v; M+ ]& X' l: F4 M
更多网页制作信息请查看: 网页制作 |
|