网页中如何设置表格的背景图片是半透明，表格里的文字则不透明？
网页中如何设置表格的背景图片是半透明，表格里的文字则不透明？我需要补充一下：1、图片必须是表格的背景图而不是网页背景图；2、必须使用CSS使图片透明；3、不能使用图层；因...
网页中如何设置表格的背景图片是半透明，表格里的文字则不透明？
我需要补充一下：
1、图片必须是表格的背景图而不是网页背景图；
2、必须使用CSS使图片透明；
3、不能使用图层；因为我的网页有很多图片都要设置半透明，如果使用层来使文字不透明的的话，我那需要建很多层，而且层的位置也不好定位。 展开
我需要补充一下：
1、图片必须是表格的背景图而不是网页背景图；
2、必须使用CSS使图片透明；
3、不能使用图层；因为我的网页有很多图片都要设置半透明，如果使用层来使文字不透明的的话，我那需要建很多层，而且层的位置也不好定位。 展开
3个回答
展开全部
要做透明效果的图片，除了CSS的方法之外。
就是你说得用PS之类的图片处理软件来做了。
但是如果用PS来做，记得保存的格式必须是.gif，因为只有.gif才本身就具备透明效果。.JPG是没有透明效果的。
另外，针对你的效果，CSS其实就很好实现了。
只是要注意方法，不同的方法有不同的效果。
下面我说的方法不会出现你所说的那样——
“css设置层半透明效果搞得上面的字也模糊，再加一个文字层那也太占用空间了，打开慢”
看我做的网页代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>半透明效果图片，背景可见，图片上文字也可见</title>
<style type="text/css">
<!--
body {
background-image: url(images/xiahuaxian.gif);
}
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}
-->
</style>
</head>
<body>
<img src="images/0001.jpg" name="tupian" width="580" height="396" id="tupian">
<div id="Layer1" style="position:absolute; left:133px; top:173px; width:448px; height:33px; z-index:1">图片上的文字图片上的文字图
片上的文字图片上的文字图片上的文字图片上的文字</div>
</body>
</html>
注意图片要有“id="tupian"”的设置，背景图片的设置在body {
background-image: url(images/xiahuaxian.gif);}
这个就是设置那张图片的半透明效果，这样设置的话，不会影响到别的图片的效果。
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}
如果要半透明效果的图片呈现别的形状，改动“Style=3”的值即可，取值范围为0，1，2，3；其中0是最普遍的，即统一格式。
附带说一句，文字层其实不占空间，你看我的文字层才这么一段——
<div id="Layer1" style="position:absolute; left:133px; top:173px; width:448px; height:33px; z-index:1">图片上的文字图片上的文字图
片上的文字图片上的文字图片上的文字图片上的文字</div>
做网页时，倒是表格得注意，网页中的表格要整个下载完（即<table>和</table>之间）才能显示，所以网页中要少用表格。否则显得打开很慢。
就是你说得用PS之类的图片处理软件来做了。
但是如果用PS来做，记得保存的格式必须是.gif，因为只有.gif才本身就具备透明效果。.JPG是没有透明效果的。
另外，针对你的效果，CSS其实就很好实现了。
只是要注意方法，不同的方法有不同的效果。
下面我说的方法不会出现你所说的那样——
“css设置层半透明效果搞得上面的字也模糊，再加一个文字层那也太占用空间了，打开慢”
看我做的网页代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>半透明效果图片，背景可见，图片上文字也可见</title>
<style type="text/css">
<!--
body {
background-image: url(images/xiahuaxian.gif);
}
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}
-->
</style>
</head>
<body>
<img src="images/0001.jpg" name="tupian" width="580" height="396" id="tupian">
<div id="Layer1" style="position:absolute; left:133px; top:173px; width:448px; height:33px; z-index:1">图片上的文字图片上的文字图
片上的文字图片上的文字图片上的文字图片上的文字</div>
</body>
</html>
注意图片要有“id="tupian"”的设置，背景图片的设置在body {
background-image: url(images/xiahuaxian.gif);}
这个就是设置那张图片的半透明效果，这样设置的话，不会影响到别的图片的效果。
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}
如果要半透明效果的图片呈现别的形状，改动“Style=3”的值即可，取值范围为0，1，2，3；其中0是最普遍的，即统一格式。
附带说一句，文字层其实不占空间，你看我的文字层才这么一段——
<div id="Layer1" style="position:absolute; left:133px; top:173px; width:448px; height:33px; z-index:1">图片上的文字图片上的文字图
片上的文字图片上的文字图片上的文字图片上的文字</div>
做网页时，倒是表格得注意，网页中的表格要整个下载完（即<table>和</table>之间）才能显示，所以网页中要少用表格。否则显得打开很慢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
你想将此表格直接成为PNG格式的透明背景图片，可在PS中不打开背景图片，直接将之前输出的“PDF”文件拖到PS中；然后将其直接保存为PNG格式即可
要是看不懂的话可以追问我
我把详细操作流程给你
要是看不懂的话可以追问我
我把详细操作流程给你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我顶你个肺~强烈要求给楼上的加分
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
