一：
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
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
