CSS vendor prefix

ir효과(image Replacement)

IR 기법이란 이미지의 대채텍스트를 제공하기 위한 CSS 기법으로 다양한 CSS기법을 사용하여 이미지의 대체 텍스트를 제공할 수 있습니다.

IR기법의 종류

  • [ir_pm]

    • 의미있는 이미지의 대체 텍스트를 제공하는 경우

    .ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
  • [ir_wa]

    • [ir_wa] 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때

    .ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;}
  • [ir_so]

    • [ir_so] 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때

    .ir_so {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}