[CSS] ir 효과

IR 효과

1. [ir_pm] 의미있는 이미지의 대체 텍스트를 제공하는 경우

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

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

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

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

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