网页中如何设置表格的背景图片是半透明,表格里的文字则不透明?

网页中如何设置表格的背景图片是半透明,表格里的文字则不透明?
网页中如何设置表格的背景图片是半透明,表格里的文字则不透明?
我需要补充一下:
1、图片必须是表格的背景图而不是网页背景图;
2、必须使用CSS使图片透明;
3、不能使用图层;因为我的网页有很多图片都要设置半透明,如果使用层来使文字不透明的的话,我那需要建很多层,而且层的位置也不好定位。
要做透明效果的图片,除了CSS的方法之外。
就是你说得用PS之类的图片处理软件来做了。

但是如果用PS来做,记得保存的格式必须是.gif,因为只有.gif才本身就具备透明效果。.JPG是没有透明效果的。

另外,针对你的效果,CSS其实就很好实现了。
只是要注意方法,不同的方法有不同的效果。

下面我说的方法不会出现你所说的宽迟那样――
“css设置层半透明效果搞得上面的字也模糊,再加一个文字层那也太占用空间了,打开慢”
看我做的网页代码:





半透明效果图片,背景可见,图片上文字也可见






图片上的文字图片上的文字图
片上的文字图片上的文字图片上的文字图片上的文字




注意图片要有“id="tupian"”的设置,背景图片的设置在body {
background-image: url(images/xiahuaxian.gif);}

这个就是设置那张图片的半透明效果,这样设置的话,不会影响到别的图片的效果。
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}

如果要半透明效果的图片呈现别迟轮的形状,改动“Style=3”的值即慎旦李可,取值范围为0,1,2,3;其中0是最普遍的,即统一格式。

附带说一句,文字层其实不占空间,你看我的文字层才这么一段――
图片上的文字图片上的文字图
片上的文字图片上的文字图片上的文字图片上的文字


做网页时,倒是表格得注意,网页中的表格要整个下载完(即和
之间)才能显示,所以网页中要少用表格。否则显得打开很慢。
你想将此表格直接成为PNG格式的透明背景图片,可在PS中码困不打开背景图片,直接将之前输出的“PDF”文件拖到PS中;然后将其直接保存为迟培念PNG格式即可

要是看不懂的话可以追问我
我把详细操作流中山程给你
我顶你个肺~强烈要求给楼上的加分
← 上一篇: 下一篇: →