网页设计图片透明度_网页设置图片透明代码

1、图示的网页透明效果，是怎样实现的？

第一种：加入带有颜色的遮罩一样的半透明效果。
源代码为:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代码中：startColorstr=#AAFFFFFF 前面的AA是透明度，修改成FF是不透明，00是全透明，后面的 FFFFFF 是颜色，就是说在上面蒙什么颜色的东西，正常使用这个效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的=#AAFFFFFF数值要一样!

2.简易透明效果。
将上面的渲染方式改为：filter:alpha(opacity=80)，80是透明值，100为不透明，0为全透明。

3.其实CSS还有很多其他的渲染方式~付上其他的一些渲染代码。
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

2、网页设计中如何设置图像透明色？

告诉你了给个分吧

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

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

4、网页中图片透明如何设置

png原图在IE7.0下是透明的
在IE6.0下貌似不透明
最好的办法是用FLASH导出GIF,是透明效果
但画质很差,如果不是要求很严格的透明效果话
可以把PNG的背景与网页背景设一样,形成透明效果

5、Dreamweaver 8中网页背景图片怎么设置透明度？

(1)：“Opacity”代表透明度水准，范围是0---100，其实就是百分比的意思，如果你想变为全透明，那么就用0代替Opacity后面的问号吧。
(2)：“FinishOpacity”就是用来指定结束时的透明度，范围跟Opacity一样(FinishOpacity为可选参数，不想要的话就去掉它吧。
(3)：“Style”是指定透明区域的形状特征，0代表统一形状，1代表线形，2代表放射形，3代表长方形。比如我们一般可以写成Style=1。
(4)“startX”与”startY”就是代表渐变效果开始的X与Y坐标，(坐标应该知道是什么吧)一般我们设置为StartX=0, StartY=0(这样就是表示的透明效果是从图片的左上角开始的。)
(5)“FinishX”与“FinishY”当然，这个就是代表渐变效果结束时的横纵坐标了，这里很关键，填什么数值那就要看你的图片的高与宽了，假设我们的图片高与宽分别是100、200像素，那么就可以写成FinishX=200， FinishY=100。(如果你只想要一半的面积是透明，那么可以设置成FinishX=100， FinishY=50)
给下面一个完整代码的给你们参考：(下面的数值我是假设图片高与宽分别是100、200像素)
Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)
4：ok，这时候你应该做的是把你想要的数值把那些讨厌的问号替换掉，设置好这些参数后，就点击ok。设置的步骤到此就算完成了，但设置完了不代表我们就做完了，我们还要把这个效果赋予图片呢。下面介绍如何使用的步骤。
1：在Dreamweaver 4插入一图，假设高为100，宽为200单位是像素(为了能看到效果，我们可以把网页的背景设为红色等鲜明的色彩。
2：再次调出css styles窗口(参见设置步骤1)
3：在css styles窗口中，应该有个clarity，如图指明处：
4：在Dreamweaver 4选中你插入的图。
5：用鼠标单击上图3的指明处。
6：大功告成，你可以按键盘的f12来预览了(注意，这种特效在编辑状态下是不可见的，一定要预览才可见。

6、关于网页设计里面图片透明的问题？

在ie8中或比较新的浏览器重是自动透明的，
在ie6或大多数普通浏览器中是不透明的，所以给你个方法http://www.lanrentuku.com/js/css-713.html

7、如何设置HTML图片的背景颜色为透明的？

1、首先新建一个记事文本，重新命名背景颜色.html，按回车确认，如下图所示。

2、回到桌面选中新创建的背景颜色.html文件，右键选择记事本打开，然后在记事本中手动输入图中代码，这是一个标准的html头尾格式。

3、在<body>中添加代码：bgcolor="#000000"，保存。

4、这时在桌面打开背景颜色.html，打开页面显示为黑色背景，如下图所示就完成了。

导航:首页 > 万维百科 > 网页设计图片透明度

网页设计图片透明度

与网页设计图片透明度相关的知识