CSS 불투명도 속성
정의 및 사용법
opacity 속성은 요소의 불투명도 수준을 설정합니다.
또한 참조:
CSS 가이드:CSS 이미지 투명도
CSS 가이드:CSS 색상
HTML DOM 참조 가이드:opacity 속성
CSS 문법
opacity: value|inherit;
속성 값
| 값 | 설명 | 테스트 |
|---|---|---|
| value | 불투명도를 정의합니다. 0.0(완전 투명)에서 1.0(완전 불투명)까지입니다. | 테스트 |
| inherit | 부모 요소에서 opacity 속성 값을 계승해야 합니다. |
기술 세부 사항
| 기본 값: | 1 |
|---|---|
| 계승성: | no |
| 버전: | CSS3 |
| JavaScript 문법: | object.style.opacity=0.5 |
更多实例
- 요소의 불투명도 변경
- 이 예제에서는 JavaScript를 사용하여 요소의 불투명도를 변경하는 방법을 보여줍니다.
브라우저 지원
표에 나타낸 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재합니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
주석:IE8 및 이전 버전은 대체 필터 속성을 지원합니다. 예를 들어: 필터:알파(불투명도=50);
