CSS3의 투명 속성 opacity 사용 예

인스턴스

div 요소의 불투명 수준을 설정하려면 다음과 같이 하십시오.

div
{
opacity:0.5;
}

：








          0.5。   ，                 。

이 페이지 아래쪽에서 더 많은 실례를 찾을 수 있습니다.

모든 브라우저는 opacity 속성을 지원합니다.
주석: IE8 및 이전 버전에서는 대체 Filter 속성을 지원합니다.예를 들어 Filter:Alpha(opacity=50)입니다.

opacity 속성은 요소의 불투명 단계를 설정합니다.
기본값:
1
상속성:
no
버전:
CSS3
JavaScript 구문:
object.style.opacity=0.5

opacity: value|inherit;

값
묘사
테스트
value
불투명도를 규정하다.0.0(완전 투명)에서 1.0(완전 불투명)까지.
테스트
inherit
부모 요소에서opacity 속성의 값을 계승해야 합니다.

function ChangeOpacity(x)

{

//선택한 텍스트를 되돌려줍니다

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!");}

}

이 요소의 불투명도를 바꾸려면 다음 예에서 값을 선택하십시오.