Web publisher/xhtml, css2009/05/04 17:10

css 핵(hack)

Internet Explorer 6
가장 자주 사용할 수 있는 ie6 핵입니다.
  1. #selector {
  2.         _property: value;
  3. }

Internet Explorer 7
ie7과 그 아래 버전의 값을 정의하고, 다시 ie6의 값을 재정의해주는 방법입니다.
  1. /* Target IE7 and below */
  2. #selector {
  3.         *property: value;
  4. }
  5. /* Then overwrite for targeting IE6 specifically */
  6. #selector {
  7.         _property: value;
  8. }

Firefox 2
Gecko-based browsers 에서만 작동되는 선택기입니다.
  1. #selector, x:-moz-any-link {
  2.         property: value;
  3. }

Firefox 3
ie7 과 마찬가지로, ff3와 ff2의 핵을 결합할 수 있습니다.
  1. /* Target Firefox 2 */
  2. #selector, x:-moz-any-link {
  3.         property: value;
  4. }
  5.  
  6. /* Then overwrite for Firefox 3 specifically */
  7. #selector, x:-moz-any-link, x:default {
  8.         property: value;
  9. }

Safari 3.0+
이 핵은 css3 를 이용한것으로, 추후 다른 브라우져에서도 css3가 지원이 된다면 타 브라우져에서도 적용이 됩니다.주의하시길 :)
  1. body:first-of-type #selector {
  2.         property:value;
  3. }

Safari 3.1 and Google Chrome
사파리와 구글 크롬은 Webkit rendering engine을 사용하고 있습니다.
아직 구글 크롬에만 적용되는 핵은 찾지 못했습니다.
  1. body:nth-of-type(1) #selector {
  2.         property: value;
  3. }

Opera 9
오페라 또한 적용되는 hack을 찾지 못했지만, 오페라와 Webkit rendering engine을 사용하는 브라우져를 대상으로 핵을 선언한 후, 사파리와 webkit browsers를 대상으로 재 설정을 해주는 방법입니다.
  1. /* Declare for Opera and Webkit */
  2. @media screen and (-webkit-min-device-pixel-ratio:0){
  3.         #selector {
  4.                 property: value;
  5.         }
  6. }
  7.  
  8. /* Revert for Safari and other Webkit browsers */
  9. body:first-of-type #selector {
  10.         property:value;
  11. }

ie 핵의 경우 DTD 설정에따라 해당하는 브라우져가 다를 수 있습니다.
영문사이트여서 제대로 해석이 안 될 수 있습니다. T T

참고 사이트 : bradKELLETT
[블로그 꾸미기 추천 책]
Posted by 별군
TAG , , , ,
Trackback 1 Comment 4 Comment Write

댓글을 달아 주세요

  1. BlogIcon 리느린트

    다른건 모르겠고 line-height와 background의 1px이 항상 신경쓰여ㅋㅋ

    2009/05/09 17:07 [ ADDR : EDIT/ DEL : REPLY ]
    • BlogIcon 별군

      하긴...
      그렇게 많이 핵 사용할 일이..ㅋ

      2009/05/09 17:09 [ ADDR : EDIT/ DEL ]
    • phissefasyday

      nice locality
      I be subjected to an Iron Horse) This wish be my second outing to Sturgis, we intention be leaving on July 28th and staying by virtue of the 8th.

      2009/07/08 13:22 [ ADDR : EDIT/ DEL ]
    • EressCemi

      This can all be clear tuned in mid July.

      <a href=http://sturgis.freehostpage.com/jock-sturgis-photo.html>jock sturgis photo</a>

      2009/07/09 04:26 [ ADDR : EDIT/ DEL ]