CSS 참조 가이드

CSS @규칙(RULES)

opacity CSS 속성은 요소의 불투명도를 지정합니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.

이 속성의 문법은 다음과 같습니다:

opacity:　alphavalue　|　initial　|　inherit

아래 예제는 opacity 속성을 사용하는 방법을 보여줍니다.

예제

　　img　{
　　　opacity:　0.25;
　　}
　　p　{
　　　opacity:　0.5;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
alphavalue	0（완전 투명）부터1（완전 불투명）범위의 숫자. 더 작은 또는 더 큰 값은 이 범위에 제한됩니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 opacity 속성 값을 사용합니다.

opacity 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1.7+ Google Chrome1+ Internet Explorer 9+ Apple Safari 2+ Opera 9+

주의: Internet Explorer 8와 더 이전 버전은 opacity를 지원하지 않으며 대신 다른 방법을 지원하며, Microsoft filter속성. 좋아요: filter: Alpha(opacity=50);에 대해 알아보기CSS 불투명도의更多信息

다음 내용에 대한 튜토리얼을 참조하세요:CSS 불투명도，CSS 색상 값。