1、准备好初始化的代码
创新互联公司主营墨脱网站建设的网络公司,主营网站建设方案,app软件开发公司,墨脱h5小程序设计搭建,墨脱网站营销推广欢迎墨脱等地区企业咨询
html
head
meta charset="utf-8"/
style
/style
/head
body
div/div
/body
/html
2、初始化样式
div{
border:1px red solid;
width:800px;
height:800px;
background-color:blue;
}
3、运行结果为
4、设置背景颜色半透明的样式代码background-color:rgba(0,0,255,0.5);
5、运行结果为
透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。
注意：设置背景颜色时哪里应该写成rgba。
如果是用样式的话需要用到滤镜
style="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
说明：
Opacity：起始值，取值为0～100, 0为透明，100为原图。
FinishOpacity：目标值。
Style：1或2或3
StartX：任意值
StartY：任意值
例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
但是因为滤镜的兼容性问题，最好是不要用，你可以用ps做图的时候，把背景调一下透明度后导成png格式的图片就行了，如果透明的背景颜色一样的话，那么你可以切成1px*1px大小的png图片平铺，gif只支持透明度100%也就是完全透明的图片，半透明的不支持，而png格式的图片则不存在什么问题，唯一会有问题的地方就只是IE6不兼容透明png格式而已，我的百度空间有解决IE6透明的问题
1、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。
3、然后我们添加一个透明度的代码（opacity:0.6）。
4、在图层的上方，有个不透明度，我们把PS中图层不透明度设置为60%。
5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。
6、其中255,255,255就是PS中的拾色器里的数值。
1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的：
2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器：
3、刷新浏览器中的页面，这时可以发现浏览器中图片的透明度改变了，透明度的范围是0-1，0表示完全透明，1表示不透明：