Opacity：起始值，取值为0～100， 0为透明，100为原图。FinishOpacity：目标值。
创新互联是一家专业提供横县企业网站建设,专注与成都网站设计、做网站、成都外贸网站建设公司、成都h5网站建设、小程序制作等业务。10年已为横县众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
其中background：#000； filter：alpha(opacity：30)； opacity：0.3；为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。其关的属性介绍如下：opacity： 0.3；这是“最重要的”，因为它是在CSS的现行标准。
B、应该从父元素继承 opacity 属性的值。实例：设置 div 元素的不透明级别。div{opacity：0.5；} //透明度为0.5，半透明。注释：A、IE8 以及更早的版本支持替代的 filter 属性。例如filter：Alpha(opacity=50)。
把样式中的 background：#000000 去掉即可。另外color：#FFFFFF这个颜色要改为其它颜色值，否则背景和字体的颜色一样了就看不到字。
代码应用的式CSS中的Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。
一般的做法就是在书写css样式的将2个都写上就行，就能实现兼容，具体看代码： div1{ width：200px；height：600px；margin：0 auto；opacity：0；filter：alpha(opacity=0)； //0 代表的是隐藏，就是透明度最低。
透明色可以是任意的颜色，就是一种颜色加的透明度。CSS透明度的代码：opacity：0.5；filter：alpha(opacity=50)；background：#000；这个的意思就是在黑色的基础上，透明度是百分五十。根据你需要的颜色自己选择色值就行了。
css rgba()设置颜色透明度 RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
transparent是全透明黑色(black)的速记法，即一个类似rgba(0，0，0，0)这样的值。在CSS1中，transparent被用来作为background-color的一个参数值，用于表示背景透明。
rgba是css3引入的颜色模式，你打开photoshop随便取个颜色在调色板中都能看到该颜色的rgb值，你发的代码中r=9g=5b=11，最后那个0.2是rgba中a的值，即透明度0.2。
这里的颜色使用rgba来设置，最后一个属性好就是设置透明度的，其中一个设置1另一个设置0.5即可：最后在浏览器中观察两个div的阴影样式，下面的明显比上面的要淡一些。
大体上差不多，重点是 CSS 的 background-image 属性可以设置多张图片，用逗号隔开 。因为我不知道这个属性有这个能力才会额外加了个渐变透明图层来实现效果。
创建一个html文件。在html文件找到一个标签，在这个标签里创建一个标签并添加一个类，在这把这个类设置为：rgba。代码： 为div添加样式。
设置背景颜色半透明的样式代码background-color：rgba(0，0，255，0.5)；运行结果为 透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
1、首先，上面这种定法是不行的啦，那就只能用两个层重叠的方法啦。 改下页面结构与CSS样式： HTML代码：div div 背景为红色(#FF0000)，透明度20%。
2、clear：both；/*清除浮动效果，避免到时候到处乱跑，比如做了过渡动画的时候。
3、新建一个html文件，需要设置宽度250px和高度140px，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽200px，高90px，以及背景色。然后添加一个无色（透明）的代码（opacity：0.6）。
4、透明色可以是任意的颜色，就是一种颜色加的透明度。CSS透明度的代码：opacity：0.3；filter：alpha(opacity=30)；background：#000；这个的意思就是在黑色的基础上，透明度是百分五十。根据你需要的颜色自己选择色值就行了。
