返回列表 发新帖

css+div表格背景透明内容不透明

420.4k 6
swmozowtfl 发表于 2015-7-9 23:01:49|湖北 | 查看全部 阅读模式
<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更多网页制作信息请查看: 网页制作

回复|共 6 个

wwdu926a 发表于 2015-12-5 16:44:42|美国 | 查看全部
这个站一周前刚刚有了点起色
gevaemaidovef 发表于 2015-12-5 16:44:51|德国 | 查看全部
本人在此留言均为网络上复制,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能。并不代表本人局部或全部同意、支持或者反对楼主观点。
bqtklouu 发表于 2015-12-5 16:45:07|澳大利亚 | 查看全部
哈哈 我支持你
Mqokjdvq 发表于 2015-12-5 16:45:54|美国 | 查看全部
唉!猪!你怎么了?
tohme 发表于 2016-3-19 20:02:48|拉美地区 | 查看全部
挨骂也是幸福~~~
Acropozelan 发表于 2016-3-19 20:03:00|山东 | 查看全部
这个程序有没有漏洞啊

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表