더 "Try it Yourself" 아래의 예.
정의 및 사용
불투명도 속성은 요소의 불투명도 레벨을 설정합니다.
투명도 수준은 0.5 내지 50 %의 투시이며, 0은 완전히 투명 1 전혀 투명하지 투명성 수준을 설명한다.
| 기본값: | 1 |
|---|---|
| 상속 : | no |
| 애니메이션 : | yes, see individual properties . Read about animatable Try it |
| 번역: | CSS3 |
| 자바 스크립트 구문 : | object .style.opacity="0.5" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| opacity | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
참고 : IE8 및 이전 버전의 대안, 필터 속성을 지원합니다. 같은 filter:Alpha(opacity=50) .
CSS 구문
opacity:number|initial|inherit;속성 값
| 값 | 기술 | 플레이 |
|---|---|---|
| number | 불투명도를 지정합니다. 0.0 (fully transparent) 1.0 (fully opaque) | »플레이 |
| initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
예
요소의 불투명도를 변경 자바 스크립트를 사용하는 방법 :
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 이미지 불투명도 / 투명도
HTML DOM 참조 : opacity property