opacity1 [HTML, CSS] opacity로 요소, 배경화면 투명하게(흐리게)하는 방법, 자식 요소에 같이 적용되는 문제 HTML 요소의 배경화면 투명하게 만드는 방법 CSS의 opacity를 활용하여 HTML 요소를 투명하게 만드는 방법, 특히 자식 요소는 제외하고 배경화면만 투명하게 만드는 방법에 대해서 살펴보겠습니다. div와 그 자식 요소 h1입니다. Hello 배경화면을 흐리게 하기 위해 opacity를 적용하겠습니다. opacity는 0~1 사이의 값으로 설정할 수 있습니다. 기본값은 1이고 0으로 갈수록 투명해집니다. .container { width: 100%; height: 100%; text-align: center; background: url("./images/sunrise.jpg"); opacity: 0.5; } opacity를 0.5로 적용했습니다. 단순히 투명도를 조절할 때에는 이처럼 간단히 해결.. 2019. 8. 14. 이전 1 다음