IE 핵 (css hack)
IE6 핵(underscore hack)
div{_width:100px; _height:50px;} 속성 앞에 언더바(_)를 붙여준다.
IE6 핵(star hack)
*html div{width:100px; height:50px;} 선택자 앞에 *html를 붙여준다.
IE7 핵(star hack)
*div{width:100px; height:50px;} 선택자 앞에 별(*)를 붙여준다.
IE7 핵
*+html body div{width:100px; height:50px;}/* IE7, OPERA 적용 */
*:first-child+html div{width:100px; height:50px;}/* IE7 적용 */
선택자 앞에 *+html body 또는 *:first-child+html 을 붙이면 IE7 or Opera 에서 적용이 됩니다.
IE 6, 7 핵(dot hack)
div{.width:100px; .height:50px;}
프로퍼티의 가장 앞부분에 닷(.)를 붙이면 IE6, 7에서만 적용이 됩니다.
IE 7, 8, 9 핵(선택자 핵)
html>body div{width:100px; height:50px;}
셀렉트 앞에 html>body를 붙이면 IE7, 8, 9에서 적용이 됩니다.
IE8 핵
div{width:100px; height:50px\9;}
IE8 핵(속성 핵)
div{width:/*\**/100px; height:/*\**/50px;}
IE8 핵 (미디어쿼리 핵)
@media \0screen {
.box{width:800px;}
}
http://biew.co.kr/5
http://www.nmindplus.com/2006/06/28/css-hack/
http://blog.naver.com/2z00/140136776524
http://blog.naver.com/2z00/140165674205
핵을 사용해야 하는 이유와 어떤 영향을 끼치는지 적혔있는 블로그입니다.
http://niceilm.blog.me/150026133263
IE filter
Microsoft CSS Vendor Extensions
Property | Type | W3C Status |
-ms-accelerator | Extension | |
-ms-background-position-x | CSS3 | Working Draft |
-ms-background-position-y | CSS3 | Working Draft |
-ms-behavior | Extension | |
-ms-block-progression | CSS3 | Editor's Draft |
-ms-filter | Extension | |
-ms-ime-mode | Extension | |
-ms-layout-grid | CSS3 | Editor's Draft |
-ms-layout-grid-char | CSS3 | Editor's Draft |
-ms-layout-grid-line | CSS3 | Editor's Draft |
-ms-layout-grid-mode | CSS3 | Editor's Draft |
-ms-layout-grid-type | CSS3 | Editor's Draft |
-ms-line-break | CSS3 | Working Draft |
-ms-line-grid-mode | CSS3 | Editor's Draft |
-ms-interpolation-mode | Extension | |
-ms-overflow-x | CSS3 | Working Draft |
-ms-overflow-y | CSS3 | Working Draft |
-ms-scrollbar-3dlight-color | Extension | |
-ms-scrollbar-arrow-color | Extension | |
-ms-scrollbar-base-color | Extension | |
-ms-scrollbar-darkshadow-color | Extension | |
-ms-scrollbar-face-color | Extension | |
-ms-scrollbar-highlight-color | Extension | |
-ms-scrollbar-shadow-color | Extension | |
-ms-scrollbar-track-color | Extension | |
-ms-text-align-last | CSS3 | Working Draft |
-ms-text-autospace | CSS3 | Working Draft |
-ms-text-justify | CSS3 | Working Draft |
-ms-text-kashida-space | CSS3 | Working Draft |
-ms-text-overflow | CSS3 | Working Draft |
-ms-text-underline-position | Extension | |
-ms-word-break | CSS3 | Working Draft |
-ms-word-wrap | CSS3 | Working Draft |
-ms-writing-mode | CSS3 | Editor's Draft |
-ms-zoom | Extension |
-ms- 속성을 먼저 써야하며 따옴표를 사용해야한다.(" ")
IE filter 로 다른 예제들을 볼 수 있는 사이트
http://www.javascriptkit.com/filters/filters.shtml
'퍼블리싱 > HTML&CSS' 카테고리의 다른 글
IE Conditional Comments 필터링 (1) | 2011.12.14 |
---|