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
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
48 | 스타일-보더 테스트 관련 레퍼런스 | 황제낙엽 | 2013.01.04 | 352 |
47 | Vector Markup Language | 황제낙엽 | 2012.12.20 | 117 |
46 | ScrollBar의 출력형태 | 황제낙엽 | 2012.09.14 | 138 |
45 | Style cssText Property | 황제낙엽 | 2012.09.13 | 320 |
44 | Javascript 로 Flash Object 생성시 유의 사항 | 황제낙엽 | 2012.08.28 | 171 |
43 | 브라우저별 border 설정에 따른 디자인 테스트 고려사항 | 황제낙엽 | 2012.08.28 | 96 |
42 | CSS 문법 분석 | 황제낙엽 | 2012.08.28 | 104 |
41 |
CSS3 Gradient Utility
![]() | 황제낙엽 | 2012.07.09 | 98 |
» | Element 의 투명도 | 황제낙엽 | 2012.05.25 | 179 |
39 | 모바일 브라우저에서 iframe 의 스크롤 문제 | 황제낙엽 | 2012.01.12 | 366 |
38 |
Agent Information
![]() | 황제낙엽 | 2011.10.20 | 95 |
37 | DOCTYPE선언과 Quirks모드 | 황제낙엽 | 2011.10.05 | 209 |
36 | IE Conditional Comments 필터링 | 황제낙엽 | 2011.10.05 | 143 |
35 | How To Create an IE-Only Stylesheet | 황제낙엽 | 2011.10.05 | 147 |
34 |
Document documentMode Property
![]() | 황제낙엽 | 2011.10.04 | 981 |
33 |
(CSS2) RGBA값 사용해보기 및 IE 패치 방법
![]() | 황제낙엽 | 2011.10.04 | 202 |
32 |
ASCII Table and Description
![]() | 황제낙엽 | 2011.08.10 | 778 |
31 | Style overflow Property | 황제낙엽 | 2011.06.27 | 205 |
30 |
pt, px, em, % 비교표
![]() | 황제낙엽 | 2011.05.24 | 788 |
29 | Activating ActiveX Controls | 황제낙엽 | 2011.05.23 | 160 |