css opacity 속성 상속(div 반투명하게 만들기)

 

이처럼  로그인 폼을 감싸고 있는 div의 배경색만 반투명하게 하고 내용은 정상적으로 표현하고 싶을 때는

로그인 폼을 둘러싸고 있는 div에

div {

background-color:rgba(121, 121, 121, 0.8);

}

이런식으로 속성을 주면 위의 화면처럼 표현할 수 있다.

그냥 div에 opacity속성을 주면 안에 내용들도 같이 투명하게 되므로 이 방법을 사용한다.