css opacity(불투명도)

opacity는 HTML 구성요소의 불투명도를 지정하는 css 속성이다.

버전 : CSS3를 지원하는 모든 브라우저에서 사용 가능(일부 브라우저 낮은 버전에서는 verder prefix 필요)

용법 : opacity: n; n=0~1(값이 낮을수록 불투명도가 낮아짐, 즉 투명도가 높아짐. 소숫점 사용 가능, 예 0.1=10%)

1. opacity 예제


(기본값 opacity: 1)

image
(opacity: 0.5)

2. opacity 미지원 브라우저에서 사용

* 지원여부 확인 : http://caniuse.com/css-opacity

 

 

3. 예제

[코드실행결과]

imageimageimageimageimageimage

 

4. 직접 실행해보기

http://jsfiddle.net/asimryu/HbtKn/

by seung lyul ryu

최종수정 : 2014.02.23

 

Share the joy
  •  
  •  
  •  
  •  

댓글 남기기