반투명 팝업창을 만들어야 했을 때가 있었다.
해당 class에 opacity를 사용하니, 모든 class가 opacity처리가 되어서 글자색도 반투명으로 확인되더라...
무슨말인지 모르겠으면 아래 사진의 투명, 투명아님 글자의 투명도 차이를 보면 된다.

여튼 이럴땐 opacity가 아니라 background에 rgba에 a(alpha)에 투명도를 줘라!
'비전공자 검은콩의 몸으로 부딪히는 실무' 카테고리의 다른 글
| [css] background 이미지와 그라데이션(그라디언트) 한번에 (0) | 2023.09.12 |
|---|---|
| [CSS] 증가하는 순번 만들기 : counter-increment (0) | 2023.08.17 |
| [CSS] min-content / max-content / fit-contents (0) | 2023.08.11 |
| [Vue3] Chart.js 툴팁 금지 (0) | 2023.08.09 |
| [Vue3] 원형차트에 그라데이션 넣기 (0) | 2023.08.09 |