Skip to content

IE css핵 (css hack)과 IE filter

Tip 조회 수 14570 추천 수 0 2013.07.03 04:19:46

ie-css-hack-without-using-any-hacks.jpg



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;}

프로퍼티 마지막에 \9 를 붙인다.(
 단, IE6~7에서도 인식이 된다.)


IE8 핵(속성 핵)

div{width:/*\**/100px; height:/*\**/50px;}

프로퍼티의 속성값 앞부분에 (/*\**/) 를 붙이면 IE8에서만 적용이 됩니다.

→ 포스팅 작성시에 테스트 했을때는 되었는데 현재 다시 사용하니 적용이 안됨 (2012.10.16) -- ??


IE8IE9 ,IE8+9 핵
div{width:100px \0/IE8+9; height:50px  \0/IE8+9;}

프로퍼티의 속성값 뒷부분에 \0/IE8 를 붙이면 IE8 에서 적용이 됩니다.
프로퍼티의 속성값 뒷부분에 \0/IE9 를 붙이면 IE9에서 적용이 됩니다.
프로퍼티의 속성값 뒷부분에 \0/IE8+9 를 붙이면 IE8과 IE9 모두 적용이 됩니다.

http://jsunnylab.tistory.com/21


profile

I see no changes, wake up in the morning and I ask myself

Is life worth living should I blast myself

Things would never be the same.

첨부
엮인글 :
http://adminplay.com/213733/7a8/trackback

l2zeo님은 글작성 및 댓글 포인트 ...

2013.07.03 04:19:47
*.138.89.217

l2zeo님은 50포인트에 당첨되셨습니다.
List of Articles
번호 제목 글쓴이 날짜 조회 수
47 Tip IE 버그와 해결책들 l2zeo 2013-07-03 8098
» Tip IE css핵 (css hack)과 IE filter file [1] l2zeo 2013-07-03 14570
45 Tip 그누보드 패밀리사이트에서 회원가입연동 l2zeo 2013-05-31 5938
44 Tip robots.txt 관련 Tip. l2zeo 2013-05-30 9538
43 Tip jquery 관련 l2zeo 2013-05-26 6377
42 Tip Cascading Style Sheets (자바스크립트 style 객체) l2zeo 2013-04-25 6290
41 Tip 스토리보드 이제 쉬워졌어요~~ PowerMockUp 소개 해 봅니다.^^ file l2zeo 2013-03-18 6803
40 Tip 웹 서비스 구현시 캐시 구현을 남발해서는 안되는 이유? l2zeo 2013-03-18 6601
39 Tip 포인트가 마이너스일때 = 포인트 마이너스 회원들 포인트를 0으로 ... l2zeo 2013-03-15 10070
38 Tip 일정 포인트 이상은 적립안되게 하기 l2zeo 2013-03-15 5095
37 Tip CSS shorthand properties (단축 속성) [1] l2zeo 2013-02-26 5391
36 Tip 마우스 오버할때 아이디 안보이게 하기 file l2zeo 2013-02-03 5796
35 Tip 모바일에서도 이미지 리사이징 기능 적용하기 l2zeo 2013-01-24 54334
34 Tip 모바일에서 동영상 크기 지정해서 보여줄때. l2zeo 2013-01-24 6930
33 Tip 썸네일 생성이 되지 않을때 확인할것 file l2zeo 2013-01-24 7473
32 Tip Mini Help System with jQuery file [1] l2zeo 2013-01-23 5650
31 Tip CSS3 를 이용한 툴팁(Tooltip) 표시 [1] l2zeo 2013-01-23 6087
30 Tip [caching tip] js, css 캐싱 팁 l2zeo 2013-01-23 5371
29 Tip 페이스북 담벼락에 자동 게시하는 법 l2zeo 2013-01-23 9640
28 Tip [Lazy Load Plugin for jQuery] 효율적인 이미지 로딩 file l2zeo 2013-01-23 10248

Copyright ADMINPLAY corp. All rights reserved.

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234