{"id":115,"date":"2014-12-22T16:58:25","date_gmt":"2014-12-22T07:58:25","guid":{"rendered":"http:\/\/leroro.net\/wp\/?p=115"},"modified":"2014-12-31T14:27:30","modified_gmt":"2014-12-31T05:27:30","slug":"ir%ea%b8%b0%eb%b2%95-phark-method-%ea%b3%a0%eb%8f%84%ed%99%94","status":"publish","type":"post","link":"http:\/\/leroro.net\/blog\/115","title":{"rendered":"text-indent:-9999px\ub97c \ud65c\uc6a9\ud558\ub294 IR\uae30\ubc95\uc758 \uace0\ub3c4\ud654"},"content":{"rendered":"<p>\uc774\ubbf8\uc9c0 \ub300\uccb4\ud14d\uc2a4\ud2b8\ub97c \uc704\ud55c CSS \uae30\ubc95\uc778 IR\uae30\ubc95\uc5d0\ub294 \uc5ec\ub7ec \ubc29\ubc95\uc774 \uc788\ub294\ub370, <a href=\"http:\/\/ui.daum.net\/convention\/css\/css_ir\" target=\"_blank\">\ub2e4\ub8f8\uc5d0\uc11c \uc18c\uac1c\ud558\ub294 IR\uae30\ubc95<\/a>\uc5d0 \ub2e4\uc591\ud55c \uae30\ubc95\uc5d0 \ub300\ud55c \uc124\uba85\uacfc \uc7a5\ub2e8\uc810\uc774 \uc798 \ub098\uc640\uc788\ub2e4.<\/p>\n<h2>Phark Method<\/h2>\n<p>\uc774 \uc911 text-indent\ub85c \ud14d\uc2a4\ud2b8\ub97c \ub0a0\ub9ac\ub294 \ubc29\ubc95\uc778 Phark Method\uac00 \uac00\uc7a5 \ubc94\uc6a9\uc801\uc73c\ub85c \uc4f0\uc774\ub294 \ud3b8\uc778\ub370, text-indent: -9999px\uc640 \uac19\uc740 \ub9e4\uc6b0 \ud070 \uc218\uce58\ub97c \uc8fc\uc5b4 \ud654\uba74 \ubc16\uc73c\ub85c \ubc00\uc5b4\ub0b4\ubc84\ub9ac\ub294 \uc6d0\ub9ac\uc774\ub2e4.<\/p>\n<pre><code class='css'>.ir {\r\n\tdisplay: inline-block;\r\n\twidth: 200px;\r\n\ttext-indent: -9999px;\r\n\tbackground: url(..\/images\/blank.gif);\r\n}<\/code><\/pre>\n<p>\uc774\ub294 \ud654\uba74\uc0c1\uc5d0 \ubcf4\uc774\uc9c0 \uc54a\ub354\ub77c\ub3c4 \uc2e4\uc81c \uce94\ubc84\uc2a4\ub294 \uc9c0\uc815\ud55c \uc601\uc5ed\uae4c\uc9c0 \ubed7\uc5b4\uc788\ub294 \uaf34\uc774\ubbc0\ub85c <a href=\"http:\/\/trend21c.tistory.com\/1324\" target=\"_blank\">text-indent: -9999px\uc740 \uc131\ub2a5\uc0c1 \uc88b\uc9c0 \uc54a\ub2e4<\/a>\uace0 \ud55c\ub2e4. \ud574\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc73c\uba70, \ud2b9\uc815\ud55c \uacbd\uc6b0\uac00 \uc544\ub2c8\ub77c\uba74 \uac00\uc7a5 \uc560\uc6a9\ud558\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n<h2>\ubcf4\uc644\ud55c CSS<\/h2>\n<pre><code class='css'>.ir {\r\n\tdisplay: inline-block;\r\n\twidth: 200px;\r\n\ttext-indent: 100%;\r\n\twhite-space: nowrap;\r\n\tbackground: url(..\/images\/blank.gif);\r\n\toverflow: hidden;\r\n}<\/code><\/pre>\n<p>text-indent\ub97c \uc694\uc18c\uc758 \ub108\ube44\uc640 \ub3d9\uc77c\ud558\uac8c \uc124\uc815\ud558\uba74 \ud14d\uc2a4\ud2b8\uac00 \uccab \uc904\uc744 \ube44\uc6b0\uace0 \uadf8 \ub2e4\uc74c \ud589\uc73c\ub85c \uac1c\ud589\ud558\uac8c \ub418\ub294\ub370 white-space: nowrap;\ub97c \uc774\uc6a9\ud574 \uc774\ub97c \ub9c9\uace0, \uc694\uc18c\uc758 \uc6b0\uce21\uc73c\ub85c \ud14d\uc2a4\ud2b8\uac00 \uc090\uc838\ub098\uac00\uac8c \ud55c \ub2e4\uc74c \ud574\ub2f9 \ubd80\ubd84\uc740 overflow: hidden; \ucc98\ub9ac\ud558\uc5ec \uc228\uae34\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \uc2e4\uc81c \uc0dd\uc131\ub418\ub294 \uce94\ubc84\uc2a4 \uc601\uc5ed\uc740 -9999px\uc77c \ub54c\ubcf4\ub2e4 \ud6e8\uc52c \uc791\uc544\uc9c0\uac8c \ub420 \uac83\uc774\ub2e4.<\/p>\n<h3>\uc774\uc288 \ubc0f \ud574\uacb0<\/h3>\n<ul>\n<li>background\ub97c \uc9c0\uc815\ud558\uc9c0 \uc54a\uace0 \ubcf8 \uae30\ubc95\uc744 \ud65c\uc6a9\ud558\ub824\ub294 \uacbd\uc6b0, ie\uc5d0\uc11c\ub294 \ud574\ub2f9 \uc601\uc5ed\uc744 \uac10\uc9c0\ud558\uc9c0 \ubabb\ud558\uc5ec \ud074\ub9ad\ud560 \uc218 \uc5c6\ub294 \ubc84\uadf8\uac00 \uc788\uc5c8\ub2e4. \uc774\ub97c \uc704\ud574 \ud22c\uba85\ud55c 2px*2px\uc9dc\ub9ac blank.gif\ub97c \ub9cc\ub4e4\uc5b4 \ubc30\uacbd\uc73c\ub85c \uc9c0\uc815\ud558\uc5ec \ud574\uacb0\ud588\ub2e4.<\/li>\n<li>ie7\uc5d0\uc11c \ud574\ub2f9 \uc694\uc18c\uc5d0 padding \uac12\uc774 \uc88c\uce21 \ub610\ub294 \uc6b0\uce21\uc5d0 \uc801\uc6a9\ub418\uc5b4\uc788\uc744 \ub54c text-indent: 100%;\ub85c \uc9c0\uc815\ud558\uba74 \uae00\uc528\uac00 \uc090\uc838\ub098\uc624\ub294 \ubc84\uadf8\uac00 \uc788\uc5c8\uc73c\uba70, \uc774 \uacbd\uc6b0 %\uac00 \uc544\ub2cc \ub108\ube44\uc640 \ub3d9\uc77c\ud55c px\ub85c \uc9c0\uc815\ud558\uc5ec \ud574\uacb0 \uac00\ub2a5\ud558\ub2e4.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\uc774\ubbf8\uc9c0 \ub300\uccb4\ud14d\uc2a4\ud2b8\ub97c \uc704\ud55c CSS \uae30\ubc95\uc778 IR\uae30\ubc95\uc5d0\ub294 \uc5ec\ub7ec \ubc29\ubc95\uc774 \uc788\ub294\ub370, \ub2e4\ub8f8\uc5d0\uc11c \uc18c\uac1c\ud558\ub294 IR\uae30\ubc95\uc5d0 \ub2e4\uc591\ud55c \uae30\ubc95\uc5d0 \ub300\ud55c \uc124\uba85\uacfc \uc7a5\ub2e8\uc810\uc774 \uc798 \ub098\uc640\uc788\ub2e4. Phark Method \uc774 \uc911 text-indent\ub85c \ud14d\uc2a4\ud2b8\ub97c \ub0a0\ub9ac\ub294 \ubc29\ubc95\uc778 Phark Method\uac00 \uac00\uc7a5 \ubc94\uc6a9\uc801\uc73c\ub85c \uc4f0\uc774\ub294 \ud3b8\uc778\ub370, text-indent: -9999px\uc640 \uac19\uc740 \ub9e4\uc6b0 \ud070 \uc218\uce58\ub97c \uc8fc\uc5b4 \ud654\uba74 \ubc16\uc73c\ub85c \ubc00\uc5b4\ub0b4\ubc84\ub9ac\ub294 \uc6d0\ub9ac\uc774\ub2e4. .ir { display: inline-block; width: 200px; text-indent: -9999px; background: url(..\/images\/blank.gif); } [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[11],"tags":[19],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/posts\/115"}],"collection":[{"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":25,"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"predecessor-version":[{"id":315,"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/posts\/115\/revisions\/315"}],"wp:attachment":[{"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/leroro.net\/blog\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}