<style type=text/css>6 s1 E4 {0 w& b u5 j# j9 n
/*---dw8
* Y1 i+ v0 {8 I<!--$ \' ]# u2 R- D5 Y
body {& s. f& K0 K: i
background-color: #0066ff;
" X! `1 a2 f; P$ r' [' \! r}$ j8 e1 q- S% P! b/ k% m
#div1
0 D/ L0 V8 y( x {# w2 J: J5 ]{) X( U9 w' h" m" g
position:absolute;
: f+ C N, P, Z/*---这里定义层不随表格透明而透明( d. A7 L' ~. N0 c# n1 m4 ~
这样就可以使表格透明的时候表格里的: Y/ H' e" a V) W( O5 Z6 b+ B
内容和图片不跟着透明了---*/
% v0 G6 t: t8 W, u" t, m4 I}
% u' s# }5 T3 o- htable
% _$ Q2 s1 m V3 d" X. @+ M0 |{
& x& n9 l7 k: n4 T) N7 b+ Pbackground-color:#ffffff;* l! v* } m$ T( k8 a- B, @
filter:alpha(opacity=50,style=0);* V' f+ t+ {# `5 o) A
/*---定义透明度,和淡化的风格
5 O- P' c! A0 l. R* h( O ?opacity为透明度,值越大透明度越小
) A2 d8 A8 M* f. w" tstyle是透明淡化的风格
" j/ m6 {1 M2 F* X0 普通透明* z( d7 D! D3 D7 t
1 从左到右渐变淡化" W- w3 O8 w' |' w i1 y& ~: ?
2 圆形像两边淡化
3 N8 ?2 A% B4 R: }5 }3 星状渐变淡化
, c0 y+ Y9 M9 }" v0 \, i默认不设置style参数为0% S+ e" f+ w% _* l/ C
这个效果同样可以用再图片上 # ~9 z5 V8 Z* ^+ d
---*/* Q1 a+ U) Y7 \" _4 D. r' p# Q5 u! [5 g
width:300;* z3 E e" N; F( m8 l2 j% k
height:300;
4 `/ s% v r) ?( H) e, t/*---这里一定要定义宽度和高度---*/( F/ ?8 e" F, ~) ^( H
}
- |7 [2 c S! e' p$ |% ~-->% |, F4 ^0 |7 K/ {4 a3 ^
</style>
, h- |5 J+ C, [6 O3 i<body>
8 v- H; \3 s. M8 D<table bgcolor=#0000ff style=display: id=tab1>0 M4 L- |! a3 C; ~+ g6 O( h
<tr>" A9 L! `1 i" {9 u9 {! W, c l
<td><div id=div1>. T5 M6 a3 X; n7 Z7 E0 I0 i
<p>div层里的内容</p>
* w4 Y- p D0 B* Y; y+ T( f<p><img src= width=174 height=59 /></p>
. q) o# g/ A& N% J9 } B' m</div></td>. x) o6 L) \& Z6 |7 ]& J6 i' {/ \
</tr>
- a; t' R& ~( ~</table>1 @' H4 f, r3 o! a" n$ t! _; B
</body>7 y# y- R6 M( E9 m7 D3 {
7 O. Z, h; s( M3 ^6 b# x* B/ O" b2 S
更多网页制作信息请查看: 网页制作 |
|