sitelink1 | |
---|---|
sitelink2 | |
sitelink3 | |
sitelink4 | |
extra_vars5 | |
extra_vars6 |
1. filter:alpha(opacity=x)
IE8 and earlier use filter:alpha(opacity=x). The x can take a value from 0 - 100. A lower value makes the element more transparent.
Reference : http://www.w3schools.com/Css/css_image_transparency.asp
2. -khtml-opacity
khtml opacity, old safari
Reference : http://www.java2s.com/Code/HTMLCSS/IE-Firefox/SafariKHTMLproprietaryopacityproperty.htm
3. -moz-opacity
Mozilla, Netscape
4. opacity
IE9, Firefox, Chrome, Opera, and Safari use the property opacity for transparency. The opacity property can take a value from 0.0 - 1.0. A lower value makes the element more transparent.
* 결론
Div {
filter:alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;
}
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
12 | Style cssText Property | 황제낙엽 | 2012.09.13 | 320 |
11 | 브라우저별 border 설정에 따른 디자인 테스트 고려사항 | 황제낙엽 | 2012.08.28 | 96 |
10 | CSS 문법 분석 | 황제낙엽 | 2012.08.28 | 104 |
» | Element 의 투명도 | 황제낙엽 | 2012.05.25 | 179 |
8 | IE Conditional Comments 필터링 | 황제낙엽 | 2011.10.05 | 143 |
7 | How To Create an IE-Only Stylesheet | 황제낙엽 | 2011.10.05 | 147 |
6 |
Document documentMode Property
![]() | 황제낙엽 | 2011.10.04 | 981 |
5 |
(CSS2) RGBA값 사용해보기 및 IE 패치 방법
![]() | 황제낙엽 | 2011.10.04 | 202 |
4 | Style overflow Property | 황제낙엽 | 2011.06.27 | 205 |
3 |
pt, px, em, % 비교표
![]() | 황제낙엽 | 2011.05.24 | 788 |
2 | 박스(box) 모델 | 황제낙엽 | 2009.06.27 | 271 |
1 | Element 의 visibility스타일과 display스타일 | 황제낙엽 | 2008.09.24 | 93 |