[TIL][CSS] opacity 값에 관하여

김연찬·2024년 11월 4일

배경

사이드 네비에서 메뉴를 opacity 값으로 활성화 비활성화를 관리하고 있었다.

문제

배포를 했더니 opacity가 1%로 노출되는 문제가 발생했다. 로컬에서는 100%로 잘보였다.

해결

opacity는 %를 사용하지 않는다. %를 사용해도 의도처럼 동작하지만 배포를 하는 과정에서 0~1사이 값으로 조정되기 때문에 100%로 대호 1%로 50%로 해도 1%로 값이 변하는 것이였다. opacity는 0~1사이 값만 사용하는 것으로 하자.

0개의 댓글