CSS之 background-color： rgba(255,0,0,opacity number)

一：

backgrounde-color：rgba（）设置背景色的时候，可以调节背景色的透明度，注意是背景哦，所以不会存在遮罩问题。见图

#test .cover{  height: 100px;  /* background-color: red;   */  /* opacity: 0.8;      */  margin-top: -100px; background-color: rgba(255,0,0,0.8)       还有因为background-color:ｒｇｂａ（）　中的透明度是控制背景色的透明度，而opacity是控制当前元素的透明度。}

而下面这种情形会存在遮罩问题哦!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

#test .cover{  height: 100px; background-color: red;     opacity: 0.8;        margin-top: -100px; /*  background-color: rgba(255,0,0,0.8)  */}

二： background-color 与 background-imge无无法共存   图片的层级更高

转载于:https://www.cnblogs.com/njqa/p/7655964.html

CSS之 background-color： rgba(255,0,0,opacity number)相关推荐

CSS 的 rgb() 和 rgba() 函数（设置颜色的方式之一）
一.CSS中设置颜色的四种方式: 值描述 color_name 规定颜色值为颜色名称的颜色(如:yellow黄色) hex_number 规定颜色值为16进制颜色值(比如:#ff0000) rgb_ ...
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解：background-color: rgba(255,192,203,0.3)
目录前言 rgba() 函数详解再分享一个小技巧哈哈哈前言今天在开发移动端的时候感觉没背景颜色有点丑,再加上自己做的是蛋糕app,觉得暖色应该会很好看,于是就用了这行代码 backgroun ...
CSS 中 border: 1px solid rgba(0, 0, 0, 0.1); 是什么意思？
意思是: 设定元素的边框为 1 像素宽.实线.颜色使用 rgba 来表达. 其中,rgba 是 CSS3 中的属性.rgba 括号中前 3 个数字代表着 red green blue 三种颜色的 rg ...
BUTTONS V. 2.0.0——CSS按钮库
BUTTONS-V2-CSS库样式职责 CSS库样式职责分离优点模块样式命名更清晰化易于维护.扩展性强动画效果--修改样式后有过度效果,默认样式源码如下 1 <!DOCTYPE html ...
CSS 背景(background)（背景颜色color、背景图片image、背景平铺repeat、背景位置position、背景附着、背景简写、背景透明、链接导航栏综合案例）
1. 背景颜色(color) background-color:颜色值; 默认的值是 transparent 透明的示例代码: <!DOCTYPE html> <html lang ...
点击出现黑色背景的解决：-webkit-tap-highlight-color:rgba(0,0,0,0)
在手机上(iphone)点击按钮的时候,屏幕总会闪动一下,这让页面看起来很不友好也不流畅.解决方案加了一句css就解决了: -webkit-tap-highlight-color:rgba(0,0,0 ...
background:url(./images.png) no-repeat 0 center的用法
background:url(./images.png) no-repeat 0 center; //图像地址不重复水平位置0 垂直位置居中 background:url(./images.png ...
rgba(0,0,0,0)详解
前三个值(红绿蓝)的范围为0到255之间的整数或者0%到100%之间的百分数.这些值描述了红绿蓝三原色在预期色彩中的量. 第四个值,alpha值,制订了色彩的透明度/不透明度,它的范围为0.0到1.0 ...
灰度值取值范围_一幅灰度图像,用8bit量化,取值范围为[0,255],其中0表示（）,255表示（）。...
一幅灰度图像,用8bit量化,取值范围为[0,255],其中0表示(),255表示(). 答: 纯黑色纯白色 <董西厢>的内容中有一些是征引的<莺莺传>.() 答:√ 智慧职 ...

CSS之 background-color： rgba(255,0,0,opacity number)

CSS之 background-color： rgba(255,0,0,opacity number)相关推荐

最新文章

热门文章