返回列表 发新帖

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

420.1k 6
swmozowtfl 发表于 2015-7-9 23:01:49|湖北 | 查看全部 阅读模式
<style type=text/css>7 Z' Z' ?; |( C
/*---dw8
& @* [  p4 I* F2 p6 Y; C" O4 ~# C<!--0 M* |6 K. a1 t3 b
body {0 t" i- S7 f/ h: g
background-color: #0066ff;
, l" e% t7 H+ e' c9 v8 Z8 K8 j}
9 z' K/ Z$ [9 ~$ ?* g( }#div1- d0 F$ A' X" ?; ]2 Z
{! p5 Z1 Z, ~0 E" w9 L- }9 l
position:absolute;# x' P! w& ]$ U
/*---这里定义层不随表格透明而透明
( _9 j  R3 g3 i! O, @这样就可以使表格透明的时候表格里的
3 E- y* \- A5 V' O内容和图片不跟着透明了---*/
# u9 {+ U2 ~6 M2 e& a  w}6 w0 i. X  @1 l& H/ O& H
table! L7 D! }  k6 X' R
{) D% E, W8 ~( e: v% ?
background-color:#ffffff;/ d5 ^* t) n( S0 D
filter:alpha(opacity=50,style=0);5 q9 [  W7 r, N+ r& n
/*---定义透明度,和淡化的风格
; \8 h) o9 ~% H& B2 D! z6 |! S1 gopacity为透明度,值越大透明度越小' c+ E" R/ S' s" \
style是透明淡化的风格
  H4 X$ G  a% B6 r0 普通透明
) N4 q& t  [# [6 e1 y  v1 从左到右渐变淡化
5 G) `0 t5 M% @3 J2 圆形像两边淡化% u6 c7 Z  ?( w8 p; i5 @
3 星状渐变淡化
1 n3 G3 @2 x# H# `2 ]默认不设置style参数为0
8 X" F* [, K0 A5 l1 w7 J这个效果同样可以用再图片上
4 i* y# }  q" A" R---*/
6 f* K) Y; b9 z4 e/ f7 N) p6 awidth:300;
* b/ _# I3 O+ ]. ]height:300;
/ ~. ]8 a# B& a7 f2 T: z/*---这里一定要定义宽度和高度---*/: L1 L, R3 u+ Z* j/ |& l" L) e
}. d8 ^" U" z' j0 L1 n% Q: D2 K& w
-->9 d" P' M7 i- U: J1 X! v5 ]1 ~
</style>
9 l5 r! r9 `: L0 Q( r+ z$ _, E<body> $ L! n1 P' R& l6 |! |/ E9 ]: Z
<table bgcolor=#0000ff style=display: id=tab1>
" L- }% y# _' Q% b4 j9 H8 z0 A4 z<tr>( B+ ]7 e3 b- K- z
<td><div id=div1>1 a* T  B3 G: f* Y
<p>div层里的内容</p>
( ?" \5 U% a3 ]: i; o: Z, J& {<p><img src= width=174 height=59 /></p>
/ g+ w* j4 |- t9 M: [+ ^4 g( f</div></td>
6 F/ T* x0 j& l2 E1 e$ F</tr>
- d: U. |1 `( `1 {0 p</table>& N# T2 G, c3 W$ X, |! q
</body>7 Y3 T2 l& D/ a1 x' O% c  _. U

6 y: a6 Z0 ]$ u& ]更多网页制作信息请查看: 网页制作

回复|共 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技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表