수색…
통사론
- 불투명도 : 숫자 (* 엄격히 0과 1 사이) | 상속하다 | 초기 | 설정되지 않은;
비고
불투명도를 적용하지 않으려면 대신 다음을 사용할 수 있습니다.
배경 : rgba (255, 255, 255, 0.6);
자원:
- MDN : https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C 투명성 : 'opacity'속성 : https://www.w3.org/TR/css3-color/#transparency
- 브라우저 지원 : http://caniuse.com/#feat=css-opacity
불투명도 속성
요소의 불투명도는 opacity
속성을 사용하여 설정할 수 있습니다. 값은 0.0
(투명)에서 1.0
(불투명)까지 가능합니다.
사용 예
<div style="opacity:0.8;">
This is a partially transparent element
</div>
재산 가치 | 투명도 |
---|---|
opacity: 1.0; | 불투명체 |
opacity: 0.75; | 25 % 투명 (75 % 불투명) |
opacity: 0.5; | 50 % 투명 (50 % 불투명) |
opacity: 0.25; | 75 % 투명 (25 % 불투명) |
opacity: 0.0; | 투명한 |
`opacity`에 대한 IE 호환성
모든 버전의 IE에서 opacity
를 사용하려면 순서는 다음과 같습니다.
.transparent-element {
/* for IE 8 & 9 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
/* works in IE 8 & 9 too, but also 5, 6, 7 */
filter: alpha(opacity=60); // IE 5-7
/* Modern Browsers */
opacity: 0.6;
}
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow