프로그래밍/HTML+CSS+JavaScript

CSS hack모음

긴자손-1 2010. 2. 18. 15:15
반응형

핵을 사용하는것이 좋은 방법은 아닙니다만
다른 개발자가 작성한 코드를 이해하거나 하는 등의 경우에 대비해야 하지 않을까 생각합니다.

다음은 바울 아이리시Poul Irish 가 작성한 내용(IE Comment Hack을 사용하여 바디요소에 버전별 클래스를 부여하는 방법)과 Ajaxian.com의 댓글내용입니다.

텍스트로 보기클립보드로 복사하기출력?
  1. /***** Selector Hacks ******/  
  2.   
  3. /* IE 6 and below */  
  4. * html #uno  { color: red }  
  5.   
  6. /* IE 7 and below */  
  7. *:first-child+html #dos { color: red }   
  8.   
  9. /* IE 7 and modern browsers */  
  10. html>body #tres { color: red }  
  11.   
  12. /* All IE versions, including IE8 Standards Mode */  
  13. #somediv { color: blue\9 }  
  14.   
  15. /* IE8 Standards-Mode */  
  16. #comediv { color /*\**/: blue\9 }  
  17.   
  18. /* Modern browsers (not IE 7) */  
  19. html>/**/body #cuatro { color: red }  
  20.   
  21. /* Opera 9.27 and below */  
  22. html:first-child #cinco { color: red }  
  23.   
  24. /* Safari */  
  25. html[xmlns*=""] body:last-child #seis { color: red }  
  26.   
  27. /*safari 3+, chrome 1+, opera9+, ff 3.5+ */  
  28. body:nth-of-type(1) #siete { color: red }  
  29.   
  30. /* safari 3+, chrome 1+, opera9+, ff 3.5+ */  
  31. body:first-of-type #ocho {  color: red }  
  32.   
  33. /* saf3, chrome1+ */  
  34. @media screen and (-webkit-min-device-pixel-ratio:0) {  
  35.    #diez  { background: #FFDECE; border: 2px solid #ff0000  }  
  36. }  
  37.   
  38. /***** Attribute Hacks ******/  
  39.   
  40. /* ie6 and below */  
  41. #once { _color:blue }  
  42.   
  43. /* ie7 and below */  
  44. #doce { *color: blue } /* or #color:blue */  
  45.   
  46. /* 'Modern Browsers' includes IE8, whether you agree or not.. */  
원본 출쳐 : http://uidev.pe.kr/

미네르바의 부엉이는 황혼과 함께 나래를 편다

반응형