浏览器参照基准：Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later

1
2

background-color:rgba(0,0,0,.7); /*黑色*/
background-color:rgba(255,255,255,.7); /*白色*/

代码演示：

样式表内容

1

.red ｛background-color:rgba(0,0,0,.5); /*红色半透明*/｝

html部分

1

<div class="red">红色半透明演示</div>

“,"(小逗号)前的数值分别是RGB值，PS、DW都有如图。后面小写点后面的数字可设置（0-9）为透明度，数值越小透明度越低。 本代码的作业用让本选择器应用的透明效果，没有继承，就像你给选择器设置背景图片一样不会影响其它的选择器。

而 opacity:1.0; 却会影响所有内嵌选择器，则如div内所有元素都透明

如果你还要兼容IE6/IE7/IE8请阅读：https://yijile.com/log/334/

转载请注明转自：一极乐（ https://yijile.com/log/163/ ）

本文采用 CC BY-NC-SA 4.0方式授权。
转载请注明出处和本文链接，说明是否进行修改，不得用于商业用途，使用相同方式共享。