[TIL] 2023.10.17 - Tailwind CSS(투명도)

 bg-black/50 

• 하위div(디브디브)의 투명도에 영향 없음

<div className="bg-black/50 w-full h-full absolute top-0 left-0 flex justify-center items-center">
	<div className="mx-4 bg-[#F2F2F2] ">디브디브</div>
</div>

 

 bg-black opacity-50 

• 하위div(디브디브)도 투명도 50으로 적용됨

<div className="bg-black opacity-50 w-full h-full absolute top-0 left-0 flex justify-center items-center">
	<div className="mx-4 bg-[#F2F2F2] ">디브디브</div>
</div>