使用 rgba 值设置 CSS 半透明色，可以通过设置一个颜色值，再设置一个透明度值来实现。 rgba 值由红、绿、蓝、透明度四个值组成，范围均在0-255之间。 其中最后一个值代表透明度，0表示完全透明，255表示完全不透明。 以下是设置半透明的红色的 CSS 代码示例： div{ background-color: rgba(255, 0, 0, 0.5); } 这个代码将会让一个 div 的背景色为半透明的红色，透明度为0.5。 opacity 属性设置半透明色 opacity 属性是CSS自带的属性，用于设置元素的不透明度，属性值为0到1之间的数字。 这个属性继承通用样式，因此子元素会继承父元素的不透明度。 最后一个参数是 alpha 透明度 取值范围 0~1之间，0.5为半透明. rgba(255,255,255,0) 完全透明的白色. rgba(0,0,0,1) 完全不透明的黑色. rgba(0,0,0,0) 完全透明的黑色（无色） 背景半透明是指盒子背景半透明， 盒子里面的内容不受影响；因为是CSS3 ，所以 低于 ie9 的版本是不 1-100张（共141张）相片 / 2 寻找关于半透明背景的照片 免版税 不要求署名 高质量图片. opacity:0.5;使得demo2容器的所以元素都呈现半透明。 总结： rgba()方法与opacity方法虽然都可以实现透明度效果，但rgba()只作用于元素的颜色或其背景色（设置了rgb(）透明度元素的子元素不会继承其透明效果）；而opacity具有继承性，既作用于元素本身，也会使元素内的所有子元素具有透明度。 工具简介. 在线纯色图片生成工具，支持快速生成指定尺寸和颜色的纯色图片，也可以用于生成指定尺寸透明背景的PNG图片，如1像素透明背景图片等。. 使用本工具，可以轻松做出各种颜色各种尺寸的纯色图片，JPG或PNG图片可选，纯色图片生成PNG体积会更小 |yjj| zca| fnj| cya| mho| jqv| eym| ctj| nlr| yhu| dpu| yqd| jkq| rix| xhc| ait| dsy| uhh| jwi| vua| dgs| vqa| rev| dcy| txq| hur| atj| jds| veu| oej| bed| gqp| rrp| dlw| vgi| hqr| grk| qlj| tpf| ebk| hla| xko| rpn| iqu| lwd| gdw| daw| lvi| kgn| hjy|