티스토리 뷰
반응형
[javascript/html] 자식 태그가 부모보다 투명도 높게 설정하기(opacity)
기본적으로는 opacity를 통하여 투명도를 설정하면, 자식또한 투명도가 동일하게적용되어 자식객체의 투명도를 수정할 수 없다
# rgba를 통하여 background-color를 설정하면 이런 문제를 해결 할 수 있다.
<div style="background-color: rgba(255, 255, 255,0.2);">
<div style="background-color: rgba(255, 255, 255,0.9);"></div>
</div>
#opacity #div #html #rgba
반응형
'자바스크립트(javascript)' 카테고리의 다른 글
| [javascript/html] 이미지 시퀀스 플레이어 개선 버전(pre load 등)(드래그버전, 휠버전 포함) (0) | 2022.10.12 |
|---|---|
| [javascript/html] 자리수 만큼 남는 공간을 0으로 채우기(자리수 맞추기) (0) | 2022.10.10 |
| [javascript/html] videojs 비디오 custom progress bar 구현 (0) | 2022.10.09 |
| [html/javascript] videojs progress 처리를 위한 이벤트 및 함수 (0) | 2022.10.09 |
| [javascript/npm] npm i 설치 잘 안될때, ERESOLVE, could not resolve (0) | 2022.10.07 |
댓글
반응형