rgba 和 opacity 中的透明度的区别

image.png

当单独设置透明度opacity为0.5时，透明度也会被div2中的文字继承，所以可以从文字中看到蓝色

image.png

而设置rgba(255,0,0,0.5)时，可以发现，文字依然呈现纯白色，没有透明度，由此可见，background：rgba（255,0,0,0.5）只是单纯的让背景变为透明了，除背景外其他子元素透明度均不变。

何为堆叠上下文其中一条规则是opacity不为1

因此，图一div2是堆叠上下文，而图二div2 并不是堆叠上下文