导航:首页 > 万维百科 > 网页设计中如何插入透明式图片

网页设计中如何插入透明式图片

 发布时间：2020-10-13 16:26:06

1、网页设置图片透明代码？

1。自己制作透明效果的图片，gif和png可以支持透明背景的 2。使用css滤镜，filter:alpha(opacity=50) 其中50是透明度，此方法仅ie支持

2、怎样在现有网页中加入透明图片？？？？

http://blog.sina.com.cn/lm/8/2006/0803/4689.html

3、怎样让透明图片添加在网页中

在网页里,最好把图片格式转化为.gif后缀的图片, 当然.png后缀的图片,也可以插入, 打开Dreamweaver 点菜单"插入",点"图像",然后选择你要插入的图片,就可以了啦

4、怎么把插入网页的 图片做成透明的。

需要把图片做成PNG格式
在PS软件里把背景设置成透明然后保存成PNG格式就可以了

5、在网页设计中如何设置动画背景透明

插入动画后在下面属性栏那里的参数设置  第一个框打wmode 第二个框打transparent

希望可以帮到你！ ^_^

6、怎么把一张图片在网页里显示透明

请处理为PNG格式即可透明显示。

7、求救：怎么在网页中插入半透明效果的图片~不要css设置层

注意了！
要做透明效果的图片，除了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>之间）才能显示，所以网页中要少用表格。否则显得打开很慢。

8、怎样把网页的背景图像设置得透明一点啊？

用dreamweaver设计啊,这个工具的前台美化功能本来就很强大,不必要用到PS.下面是处理图像的步骤:
1、先在DW设计页面中插入你要处理的图像，记住是插入图像，不要在页面属性那添加背景，现在还没到添加背景那一步；
2、选中图像，在下面属性栏里你就会看到一组可以编辑图像的工具；
3、选择第5个“亮度和对比度”工具，打开之后将亮度调高，将对比度调低就OK的了，要透明的程度你自己把握就行；
4、这一点是需要特别注意的：你调整好图片按保存之后，那么这张图像将不可以再恢复原样，如果你还想保留原图，你可以在调整之前复制一份出来；
5、图像已经处理完毕，将插入的这张图像删掉，再在“页面属性”那添加背景即可。

与网页设计中如何插入透明式图片相关的知识