返回列表 发新帖

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

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

回复|共 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客服 返回顶部
快速回复 返回顶部 返回列表