image.png
當(dāng)單獨(dú)設(shè)置透明度opacity為0.5時(shí),透明度也會(huì)被div2中的文字繼承萝玷,所以可以從文字中看到藍(lán)色
image.png
而設(shè)置rgba(255,0,0,0.5)時(shí)嫁乘,可以發(fā)現(xiàn)昆婿,文字依然呈現(xiàn)純白色,沒有透明度蜓斧,由此可見仓蛆,background:rgba(255,0,0,0.5)只是單純的讓背景變?yōu)橥该髁耍尘巴馄渌釉赝该鞫染蛔儭?/p>
何為堆疊上下文其中一條規(guī)則是opacity不為1
因此法精,圖一div2是堆疊上下文多律,而圖二div2 并不是堆疊上下文