opacity

English [əʊˈpæsəti] US [oʊˈpæsəti]

n. 이해하기 어렵습니다.

CSS3 불투명도 속성 통사론

기능: 객체의 불투명도를 검색하거나 설정합니다.

참고: 아직 불투명도 속성을 지원하지 않는 IE 브라우저의 경우 IE의 비공개 필터 속성을 사용하여 불투명도와 동일한 효과를 얻을 수 있습니다

CSS3 불투명도 속성 예

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title></title>
<style>
h1 {
	margin: 10px 0;
	font-size: 16px;
}
.test,
.test2 {
	width: 300px;
	height: 150px;
	padding: 10px;
}
.test {
	background:#050;
}
.test2 {
	margin: -120px 0 0 50px;
	background: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	color: #fff;
}
</style>
</head>
<body>
<h1>下例是一个半透明的效果：</h1>
<div class="test">不透明度为100%的box</div>
<div class="test2">不透明度为50%的box</div>
</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요