{"id":66,"date":"2007-08-16T06:21:05","date_gmt":"2007-08-16T06:21:05","guid":{"rendered":"http:\/\/minicube.kr\/wp\/?p=66"},"modified":"2007-08-16T06:21:05","modified_gmt":"2007-08-16T06:21:05","slug":"css-hack-for-old-browser","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=66","title":{"rendered":"CSS \ud575"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\ube0c\ub77c\uc6b0\uc800\ub9c8\ub2e4 HTML\ub80c\ub354\ub9c1\ud558\ub294 \ubc29\uc2dd\uc774 \uc870\uae08\uc529 \ucc28\uc774\uac00 \ub098\uace0, \ub54c\ub85c\ub294 \ubc84\uadf8\uac00 \uc874\uc7ac\ud558\ub294 \uad00\uacc4\ub85c(<s>\ub9dd\ud560 IE<\/s>) \ubaa8\ub4e0 CSS \ucf54\ub4dc\uac00 \ubaa8\ub4e0 \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub611\uac19\uc774 \ubcf4\uc774\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc774\ub7ec\ud55c \ud2b9\uc131\uc744 \uc774\uc6a9\ud558\uc5ec \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\ub97c \uc81c\uc678\ud558\uac70\ub098, \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub9cc CSS\ub97c \uc801\uc6a9\ud558\ub294 \uae30\ubc95\uc744 <strong>CSS \ud575(Hack)<\/strong> \uc774\ub77c\uace0 \ubd80\ub974\uc8e0&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \ubb38\ubc95\uc801\uc73c\ub85c \ub9de\uc9c0 \uc54a\uac70\ub098, \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\uc5d0\ub9cc \uc801\uc6a9\ub418\ub294 \ube44\ud45c\uc900\uc778 \uacbd\uc6b0\uac00 \ub9ce\uae30 \ub54c\ubb38\uc5d0 \uc774\ub7ec\ud55c CSS\ud575\uc740 <span style=\"color:#cf2e2e\" class=\"tadv-color\">\uc5b4\uca54 \uc218 \uc5c6\ub294 \uacbd\uc6b0\uac00 \uc544\ub2c8\uba74 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc544\uc57c \ud569\ub2c8\ub2e4.<\/span> \ub610\ud55c, \ub2e8\uc21c\ud788 \ub208\uc55e\uc758 \ubb38\uc81c\ub9cc\uc744 \ud574\uacb0\ud558\uae30 \uc704\ud574 \ud575\uc744 \uc0ac\uc6a9\ud558\uba74 \ub098\uc911\uc5d0 \ud398\uc774\uc9c0\ub97c \uc218\uc815\ud558\uac70\ub098 \ube0c\ub77c\uc6b0\uc800\uc758 \ubc84\uc804\uc774 \uc62c\ub77c\uac08 \ub54c\uc5d0 \ubb38\uc81c\uac00 \uc0dd\uae30\ub294 \uacbd\uc6b0\ub3c4 \uc788\uad6c\uc694.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CSS\ud575\uc740 \uc774\ub7f0\uac8c \uc788\ub2e4<\/strong> \uc815\ub3c4\ub85c \uc54c\uc544\ub450\uace0, CSS\ud575\uc744 \uc0ac\uc6a9\ud558\uae30 \uc774\uc804\uc5d0 \uadfc\ubcf8\uc801\uc73c\ub85c \ub514\uc790\uc778\uc744 \uc218\uc815\ud558\uac70\ub098 \ub2e4\ub978 \ud45c\uc900 \ud0dc\uadf8\ub85c \ud574\uacb0\ud558\ub294\uac8c \uc88b\uc744 \ub4ef \ud558\ub124\uc694.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/cssfilter_preserde.gif\" alt=\"\" class=\"wp-image-792\"\/><figcaption>screenshot from <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/centricle.com\/ref\/css\/filters\" target=\"_blank\">http:\/\/centricle.com\/ref\/css\/filters<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc11c\ud551\ud558\ub2e4 \ucc3e\uc740 \uc0ac\uc774\ud2b8\uc778\ub370 CENTRICLE.COM \uc758 CSS filters \ud398\uc774\uc9c0\uac00 \uac00\uc7a5 \uc798 \ub418\uc5b4 \uc788\ub294 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc774\uc81c\uae4c\uc9c0 \uc54c\ub824\uc9c4 CSS\ud575\uc758 \uc885\ub958\uc640 \ud604\uc874\ud558\ub294 \uac70\uc758 \ubaa8\ub4e0 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc801\uc6a9\ub418\ub294\uc9c0\uc758 \uc5ec\ubd80\ub97c \uc54c\uae30 \uc27d\uac8c \ud45c\ub85c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \uac01 \ud56d\ubaa9\uc744 \ub20c\ub7ec\ubcf4\uba74 \ud574\ub2f9 \ud575\uc758 \uc608\uc81c\ub3c4 \ubcfc \uc218 \uc788\ub124\uc694.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.neue.nz\/wp-content\/uploads\/2019\/04\/cssfilter2_preserde.gif\" alt=\"\" class=\"wp-image-793\"\/><figcaption>screenshot from <a href=\"http:\/\/www.communis.co.uk\/dithered\/css_filters\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">http:\/\/www.communis.co.uk\/dithered\/css_filters\/<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9\ud45c\uc900 \uad50\uacfc\uc11c\uc5d0\uc11c \uc18c\uac1c\ud558\ub294 CSS \ud575 &amp; \ud544\ud130 \uc548\ub0b4 \ud398\uc774\uc9c0<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">\uc790\uc8fc \uc0ac\uc6a9\ub418\ub294 CSS\ud575\uc740 \ub530\ub85c \uc815\ub9ac\ud574\ubd24\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Netscape 4 \ubc30\uc81c\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"\/css\/style.css\" media=\"all\" \/><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Netscape \ub294 media \uc18d\uc131\uc774 screen \uc774 \uc544\ub2cc \uacbd\uc6b0 \uc678\ubd80 \uc2a4\ud0c0\uc77c\uc2dc\ud2b8\ub97c \uc77d\uc9c0 \ubabb\ud558\ub294 \ubc84\uadf8\uac00 \uc874\uc7ac\ud568.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 3~4, Mac IE 4~4.5, Netscape 4 \ubc30\uc81c\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@import url(\"\/css\/style.css\")<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Win IE 4, Mac IE 4 \ub294 \uc778\uc6a9\ubd80\ud638\uac00 &#8220;\uac00 \uc544\ub2c8\uba74 \uc77d\uc9c0 \ubabb\ud558\ub294 \ubc84\uadf8 \uc874\uc7ac. IE 3\uacfc Netscape 4\ub294 @import \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc74c.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac IE 5 \ubc30\uc81c\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 { \/* *\/ color:red; \/* *\/ }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Holly \ud575\uc774\ub77c \ud558\uba70, \uc8fc\uc11d \uc548\uc758 \ub0b4\uc6a9\uc774 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc74c.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 4~5 \ubc30\uc81c\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1\/**\/ { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \ub4a4\uc5d0 \/**\/ \uc0bd\uc785.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 4~5, Mac IE 4.5~5 \ubc30\uc81c\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 { color\/* *\/:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\uc131\uacfc \uc18d\uc131\uac12\uc744 \uad6c\ubd84\ud558\ub294 \ucf5c\ub860(:) \uc55e\uc5d0 \/* *\/ \uc0bd\uc785.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 4~6, Mac IE 4, Netscape 4 \ubc30\uc81c\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">html > body H1 { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 html>body \uc0bd\uc785.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 6 \uc81c\uc678\uc2dc\ud0a4\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 { color \/**\/:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\uc131\uacfc \uc18d\uc131\uac12\uc744 \uad6c\ubd84\ud558\ub294 \ucf5c\ub860(:) \uc55e\uc5d0 \uc2a4\ud398\uc774\uc2a4\uc640 \/**\/ \uc0bd\uc785.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc5b8\ub354\uc2a4\ucf54\uc5b4 \ud575 (_)<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 { _color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Win IE 4~6 \uc5d0 \uc801\uc6a9. \uc81c\uc77c \uc720\uba85\ud55c CSS\ud575 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\ub2f7\ud575 (.)<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 { .color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\uc131 \uc55e\uc5d0 .(dot) \uc0bd\uc785\ud558\uae30. Win IE 6~7 \uc5d0\ub9cc \uc801\uc6a9. \ud0c0 \ube0c\ub77c\uc6b0\uc800\ub294 \uc815\ud655\ud788 \ud655\uc778\ud558\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ud575\uc5d0 \ub300\ud574\uc120 \uacc4\uc18d \ud655\uc778\uc911\uc778\ub370 \ube14\ub85c\uadf8\uc2a4\ud53c\uc5b4\ub098 \uc5ec\ud0c0 \uc11c\uc801\uc5d0\ub294 \uc804\ud600 \uc5b8\uae09\uc774 \uc5c6\ub294 \uc774\uc0c1\ud55c \ud575(?)\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\ud574\uc2dc \ud575(#)<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 { #color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\uc131 \uc55e\uc5d0 # \uc0bd\uc785. Win IE 4~6, Mac IE 5, Opera 7, Mozilla\uacc4\uc5f4, Firefox \uc5d0 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc2a4\ud0c0 \ud575<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">*HTML H1 { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 *html \uc0bd\uc785. Win IE 4~6, Mac IE 4~5 \uc5d0 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc2a4\ud0c07 \ud575<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">HTML*H1 { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 html* \uc0bd\uc785(\uacf5\ubc31\uc5c6\uc774). Win IE 5.5~6, Mac IE 5, Safari \uc5d0 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">xmlns \uc18d\uc131 \ud575<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">HTML[xmlns] H1 { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 \uc18d\uc131 \uc120\ud0dd\uc790\ub97c \uc0bd\uc785. Mozilla, Firefox, Opera, Safari \ub4f1 \uc18d\uc131 \uc120\ud0dd\uc790\ub97c \uc9c0\uc6d0\ud558\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">:root \uac00\uc0c1\ud074\ub798\uc2a4 \ud575<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">:root H1 { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 :root \uac00\uc0c1\ud074\ub798\uc2a4 \uc0bd\uc785. Mozilla, Firefox, Mac IE 5, Safari \ub4f1 \uac00\uc0c1\ud074\ub798\uc2a4\ub97c \uc9c0\uc6d0\ud558\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Tantek \ubc15\uc2a4\ubaa8\ub378 \ud575<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 {\n  width:500px;\n  voice-family: \"\"}\"\";\n  voice-family:inherit;\n  width:400px;\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" aria-label=\"Tantek Celik (opens in a new tab)\" href=\"http:\/\/tantek.com\/\" target=\"_blank\">Tantek Celik<\/a>\u00a0\uc774 \uace0\uc548\ud55c \uc720\uba85\ud55c \ubc15\uc2a4\ubaa8\ub378 \ud575. Win IE 4~5, Mac IE 4, Netscape 4 \uc5d0\uc11c\ub294 voice-family \uc18d\uc131 \uc774\uc804\uc758 \uc2a4\ud0c0\uc77c \uc801\uc6a9. \uadf8\uc678\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 \ub4a4\uc758 \uc18d\uc131 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\ub2e8\uc21c \ubc15\uc2a4\ubaa8\ub378 \ud575<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">H1 {\n  width:500px;\n  w\\idth:400px; \/\/Win IE 6, Mac IE 5, Mozilla, Opera, Safari\n  \\width:450px; \/\/ only Win IE 5\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\uc131\uc758 \uccab\ubc88\uc9f8, \ub450\ubc88\uc9f8 \uae00\uc790 \uc0ac\uc774\uc5d0 &#8220;\\&#8221;\ub97c \uc0bd\uc785\ud558\uba74 Win IE 6, Mac IE 5, Mozilla, Opera, Safari \uc5d0 \uc801\uc6a9. \ucd94\uac00\ub85c \uc18d\uc131\uc758 \uc55e\uc5d0 &#8220;\\&#8221;\ub97c \uc0bd\uc785\ud558\uba74 Win IE 5 \uc5d0\ub9cc \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">IE 7, Opera \uc801\uc6a9\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">*+html body H1 { color:red; } \/\/ IE7, Opera\n*+html > \/**\/body { color:blue; } \/\/ IE7 only<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 *+html body \uc0bd\uc785. IE 7, Opera 8 \uc774\ud6c4 \ubc84\uc804 \uc801\uc6a9. Opera\ub97c \ubc30\uc81c\ud55c IE7 \uc804\uc6a9\uc73c\ub85c \ud558\uace0 \uc2f6\uc744 \ub54c\ub294 *+html>\/**\/body \ub85c Opera \uc804\uc6a9 \uc18d\uc131 \uae30\uc220.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">IE 7 \uc801\uc6a9\ud558\uae30<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">*:first-child+html H1 { color:red; }<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc140\ub809\ud130 \uc55e\uc5d0 *:first-child+html \uc0bd\uc785. IE 7\uc5d0\ub9cc \uc801\uc6a9\ub418\uace0, \uc774\uc678\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 \uc55e\uc5d0\uc11c \uae30\uc220\ud55c \uc140\ub809\ud130\uc758 \uc18d\uc131 \uc801\uc6a9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 5 \ud328\uc2a4\ud544\ud130<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@media tty {\ni{content:\"\";\/*\" \"*\/}}; @import '\/css\/style.css'; {;}\/*\";}\n}\/* *\/<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 5.5 \ud328\uc2a4\ud544\ud130<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@media tty {\ni{content:\"\";\/*\" \"*\/}}@m; @import '\/css\/style.css';\/*\";}\n}\/* *\/<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 6 \ud328\uc2a4\ud544\ud130(?)<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!--[if IE 6]>&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"\/css\/style.css\" media=\"all\" \/>&lt;![endif]--><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Win IE 7 \ud328\uc2a4\ud544\ud130(?)<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!--[if gte IE 7]>&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"\/css\/style.css\" media=\"all\" \/>&lt;![endif]--><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">\ubaa8\ub358\ube0c\ub77c\uc6b0\uc800 \ud328\uc2a4\ud544\ud130<\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@import \"null?\"{\";\n@import \"\/css\/style.css\";\n@import \"null?\"}\";<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Win IE 5.5 \uc774\ud558, Mac IE 5, Opera 8 \uc774\ud558, Netscape 4 \uc774\ud558 \uc81c\uc678<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">\uc800\uc758 \uc8fc \uc791\uc5c5 \ube0c\ub77c\uc6b0\uc800\ub294 IE6, IE7, FF2, OP9 \uc785\ub2c8\ub2e4. \uac1c\uc778\uc801\uc73c\ub85c CSS \ud575\uc740 \uac70\uc758 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc9c0\ub9cc, \ud3fc (\ud2b9\ud788 \uccb4\ud06c\ubc15\uc2a4, \ub77c\ub514\uc624 \ubc84\ud2bc) \uc758 \ud615\ud0dc\uac00 \uac01 \ube0c\ub77c\uc6b0\uc800\ub9c8\ub2e4 \ud2c0\ub824\uc11c IE 6~7 \uc5d0\uc11c \ud3fc\uc758 \ub9c8\uc9c4\uc744 \uc870\uc808\ud558\uae30 \uc704\ud574 <span style=\"color:#cf2e2e\" class=\"tadv-color\">\uc5b8\ub354\uc2a4\ucf54\uc5b4 \ud575, \ub2f7\ud575<\/span> \ub9cc\uc744 \uc0ac\uc6a9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub367\ubd99\uc5ec&#8230; \uc6b0\ub9ac\ub098\ub77c\uc5d0\uc11c \ucd5c\uace0\uc758 \uc0ac\uc6a9\ub960\uc744 \ubcf4\uc5ec\uc8fc\ub294 IE\uac00 CSS Spec\uc744 \uc81c\ub300\ub85c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc73c\uba74\uc11c\ub3c4 \uc774\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uc9c0 \uc54a\ub294 \uc774\uc720\ub294, \uc544\uc774\ub7ec\ub2c8\uceec\ud558\uac8c\ub3c4 \ube0c\ub77c\uc6b0\uc800\uac04 \ubc84\uadf8\ub97c \ubcf4\uc815\ud558\uae30 \uc704\ud55c CSS\ud575\ub3c4 \ud070 \uc774\uc720\ub97c \ucc28\uc9c0\ud558\uace0 \uc788\ub294 \ub4ef \ud558\ub2e4\ub294\uac8c \uc81c \uc0dd\uac01\uc774\uae34 \ud569\ub2c8\ub2e4. IE 6\uc5d0\uc11c \uac11\uc790\uae30 IE 7 \ub610\ub294 \ud45c\uc900\uc2a4\ud399 \ud480 \uc9c0\uc6d0\uc73c\ub85c CSS \uc9c0\uc6d0 \uc2a4\ud399\uc744 \uc218\uc815\ud558\uba74 \ud604\uc7ac IE 6 \uae30\uc900\uc73c\ub85c \ub9cc\ub4e4\uc5b4\uc9c4 \uc0ac\uc774\ud2b8\ub098 IE 6\uc6a9 \ud328\uc2a4\ud544\ud130, \ud575\uc744 \uc0ac\uc6a9\ud55c \uc5c4\uccad\ub09c \uc218\uc758 \uc0ac\uc774\ud2b8<s>(\ud2b9\ud788 \uc6b0\ub9ac\ub098\ub77c)<\/s>\ub294 \uc5b4\ub5bb\uac8c \ub420\uc9c0&#8230;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong><span style=\"color:#cf2e2e\" class=\"tadv-color\">\uc911\uc694 \ud3ec\uc778\ud2b8!!<\/span><\/strong><br>1. \uad6c\uc870\ub97c \uc124\uacc4\ud560 \ub54c \uc808\ub300 CSS\ud575 \uc704\uc8fc\ub85c \uc124\uacc4\ud558\uc9c0 \ub9d0 \uac83.<br>2. \ub2e8\ubc1c\uc131 CSS \ud575\ubcf4\ub2e4\ub294 \ud328\uc2a4\ud544\ud130 \uc0ac\uc6a9 \uad8c\uc7a5.<br>3. CSS\ud575\uc740 \uc5b4\uca54 \uc218 \uc5c6\ub294 \uacbd\uc6b0\uc5d0\ub9cc \uc0ac\uc6a9\ud560 \uac83.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\ube0c\ub77c\uc6b0\uc800\ub9c8\ub2e4 HTML\ub80c\ub354\ub9c1\ud558\ub294 \ubc29\uc2dd\uc774 \uc870\uae08\uc529 \ucc28\uc774\uac00 \ub098\uace0, \ub54c\ub85c\ub294 \ubc84\uadf8\uac00 \uc874\uc7ac\ud558\ub294 \uad00\uacc4\ub85c(\ub9dd\ud560 IE) \ubaa8\ub4e0 CSS \ucf54\ub4dc\uac00 \ubaa8\ub4e0 \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub611\uac19\uc774 \ubcf4\uc774\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc774\ub7ec\ud55c \ud2b9\uc131\uc744 \uc774\uc6a9\ud558\uc5ec \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\ub97c \uc81c\uc678\ud558\uac70\ub098, \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub9cc CSS\ub97c \uc801\uc6a9\ud558\ub294 \uae30\ubc95\uc744 CSS \ud575(Hack) \uc774\ub77c\uace0 \ubd80\ub974\uc8e0&#8230; \uadf8\ub798\uc11c \ubb38\ubc95\uc801\uc73c\ub85c \ub9de\uc9c0 \uc54a\uac70\ub098, \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\uc5d0\ub9cc \uc801\uc6a9\ub418\ub294 \ube44\ud45c\uc900\uc778 \uacbd\uc6b0\uac00 \ub9ce\uae30 \ub54c\ubb38\uc5d0 \uc774\ub7ec\ud55c CSS\ud575\uc740 \uc5b4\uca54 \uc218 \uc5c6\ub294 \uacbd\uc6b0\uac00 \uc544\ub2c8\uba74 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc544\uc57c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":792,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[42,43,45,142],"class_list":["post-66","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-css","tag-css","tag-css-hack","tag-css-","tag-xhtmlcss"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=66"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/66\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}