{"id":1593,"date":"2011-05-22T17:05:53","date_gmt":"2011-05-22T09:05:53","guid":{"rendered":"http:\/\/blog.jixin.ntxz.net\/?p=1593"},"modified":"2011-05-22T17:05:53","modified_gmt":"2011-05-22T09:05:53","slug":"%e9%92%88%e5%af%b9%e4%b8%bb%e6%b5%81%e6%b5%8f%e8%a7%88%e5%99%a8%e7%9a%84css-hack%e5%86%99%e6%b3%95%e5%8f%8aie%e5%b8%b8%e7%94%a8%e6%9d%a1%e4%bb%b6%e6%b3%a8%e9%87%8a","status":"publish","type":"post","link":"http:\/\/www.ntxz.net\/?p=1593","title":{"rendered":"\u9488\u5bf9\u4e3b\u6d41\u6d4f\u89c8\u5668\u7684CSS-HACK\u5199\u6cd5\u53caIE\u5e38\u7528\u6761\u4ef6\u6ce8\u91ca"},"content":{"rendered":"<p>\u5bf9\u4e8e\u524d\u7aef\u5de5\u4f5c\u8005,\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u7684\u8c03\u8bd5,\u800c\u8fd9\u6700\u75db\u82e6\u7684\u4e8b\u4e2d,\u6700\u53d8\u6001\u7684\u83ab\u8fc7\u4e8e\u5fae\u8f6f\u7684\u4e09\u4e2a\u7248\u672cIE6.0\/IE7.0\/IE8.0. \u4e3a\u4e86\u8ba9\u6240\u5199\u4ee3\u7801\u5728\u5404\u4e3b\u6d41\u6d4f\u89c8\u5668\u4e2d\u6b63\u5e38\u8fd0\u884c\uff0c\u6211\u4eec\u4e0d\u5f97\u4e0d\u4e3a\u5404\u79cd\u6d4f\u89c8\u5668\u5199\u5bf9\u5e94\u7684\u6837\u5f0f\u3002\u672c\u6587\uff0c\u9752\u9e1f\u5c06\u4e3a\u4f60\u603b\u7ed3CSS\u9488\u5bf9\u5404\u6d4f\u89c8\u5668\u7684\u517c\u5bb9HACK(\u4ee5IE6\/IE7\/IE8 \/FF\u4e3a\u4e3b),\u4ee5\u53caIE\u7279\u6709\u7684\u6761\u4ef6\u6ce8\u91ca\u4f7f\u7528\u65b9\u6cd5.<br \/>\n\u3000\u3000\u4e00\u3001\u901a\u7528\u533a\u5206\u65b9\u5f0f\uff1a<br \/>\n\u3000\u3000IE6\u3001IE7\u80fd\u8bc6\u522b*\uff0c\u6807\u51c6\u6d4f\u89c8\u5668\uff08\u5982FF\uff09\u4e0d\u80fd\u8bc6\u522b*\uff1b<br \/>\n\u3000\u3000IE6\u80fd\u8bc6\u522b*\uff0c\u4f46\u4e0d\u80fd\u8bc6\u522b !important\uff1b<br \/>\n\u3000\u3000IE7\u80fd\u8bc6\u522b*\uff0c\u4e5f\u80fd\u8bc6\u522b !important\uff1b<br \/>\n\u3000\u3000IE8\u80fd\u8bc6\u522b\\0\uff0c\u4e0d\u80fd\u8bc6\u522b*\uff0c+,_,* \u52a0!important;<br \/>\n\u3000\u3000FF\u4e0d\u80fd\u8bc6\u522b*\uff0c\u4f46\u80fd\u8bc6\u522b !important\uff1b<br \/>\n\u3000\u3000\u4f8b\u5982style=\u201d*width:10px!important; width:20px;\u201d\uff0c\u5176\u5728IE7\u4e0b\u5bbd\u5ea6\u4e3a10px,\u5728IE6\u4e0b\u5bbd\u5ea6\u662f20px.<br \/>\n\u3000\u3000\u5176\u4e2d\u8fd8\u6709\u5982\u4e0b\u4e09\u79cd\u5199\u6cd5\uff1a<br \/>\n\u3000\u3000\u7b2c\u4e00\u79cd<br \/>\n<code><br \/>\nwidth:100px; \/* FireFox\u53ca\u5176\u4ed6\u6d4f\u89c8\u5668 *\/<br \/>\nwidth:200px\\0; \/* IE8\u80fd\u8bc6\u522b\\0*\/<br \/>\n*width:300px!important; \/* ,IE7 \u65e2\u80fd\u80fd\u8bc6\u522b*\u53f7\uff0c\u4e5f\u80fd\u8bc6\u522bimportant *\/<br \/>\n*width:400px; \/* IE6\u4e5f\u80fd\u8bc6\u522b*\u53f7 *\/<br \/>\n<\/code><\/p>\n<p>\u7b2c\u4e8c\u79cd<\/p>\n<p><code><br \/>\nwidth:100px; \/* FireFox\u53ca\u5176\u4ed6\u6d4f\u89c8\u5668 *\/<br \/>\nwidth:200px\\0; \/* IE8\u80fd\u8bc6\u522b\\0*\/<br \/>\n*width:300px; \/* IE7\u4e5f\u80fd\u8bc6\u522b*\u53f7 *\/<br \/>\n_width:400px; \/* IE6\u80fd\u8bc6\u522b\u4e0b\u5212\u7ebf*\/<br \/>\n<\/code><\/p>\n<p>\u7b2c\u4e09\u79cd<\/p>\n<p><code><br \/>\nwidth:100px; \/* FireFox\u53ca\u5176\u4ed6\u6d4f\u89c8\u5668 *\/<br \/>\nwidth:200px\\0; \/* IE8\u80fd\u8bc6\u522b\\0*\/<br \/>\n+width:300px; \/* +\u53ea\u8bc6\u522bIE7 *\/<br \/>\n_width:400px; \/* IE6\u80fd\u8bc6\u522b\u4e0b\u5212\u7ebf*\/<br \/>\n<\/code><\/p>\n<p>\u4e8c\u3001\u4e0d\u5e38\u89c1\u7684HACK(OP\u8868\u793aOpera\uff0cSA\u8868\u793aSafari),\u5176\u4e2d\u7b2c3\u6761\u6bd4\u8f83\u5b9e\u7528<\/p>\n<p>1..color1{ color:#F00; color\/*\\**\/:#00F \/*\\**\/}\/*IE6,IE7,IE8,FF,OP,SA\u8bc6\u522b*\/<br \/>\n\u3000\u3000\u3000\u30002..color2{ color:#F00; color \/*\\**\/:#00F \/*\\9**\/}\/*IE7,IE8,FF,OP,SA\u8bc6\u522b*\/<br \/>\n\u3000\u3000\u3000\u30003..color3{ color:#F00; color\/*\\**\/:#00F \\9}\/*IE6,IE7,IE8\u8bc6\u522b*\/<br \/>\n\u3000\u3000\u3000\u30004..color4{ color:#F00; color \/*\\**\/:#00F\\9}\/*IE7,IE8\u8bc6\u522b*\/\/*\u201ccolor\u201d\u548c\u201c\/*\\**\/\u201d\u4e4b\u95f4\u6709\u4e2a\u7a7a\u683c*\/<\/p>\n<p>\u4e09\u3001\u5404\u79cd\u6d4f\u89c8\u5668\u72ec\u7acb\u652f\u6301\u7684hack<\/p>\n<p><code><br \/>\nwidth:100px\\0;\/* \u652f\u6301IE8 *\/<br \/>\n_width:100px; \/* \u652f\u6301IE6 *\/<br \/>\n[width:100px; \/* \u652f\u6301IE6,7 *\/<br \/>\n+width:100px; \/* \u652f\u6301IE6,7 *\/<br \/>\n*width:100px; \/* \u652f\u6301IE6,7 *\/<br \/>\n*width:100px!important; \/* \u652f\u6301IE6,7, *\/<br \/>\n*+width:100px; \/* \u652f\u6301IE6,7, *\/<br \/>\n*+width:100px!important;\/* \u652f\u6301IE6,7, *\/<br \/>\nwidth:100px\\9; \/* \u652f\u6301IE6,7,8 *\/<br \/>\nwidth:100px!important; \/* \u652f\u6301IE6,7,8,FF *\/<br \/>\nw\\idth:100px; \/*IE5.x\u4e0d\u652f\u6301 IE6\u3001IE7\u3001IE8\u3001FF\u652f\u6301 *\/<br \/>\n<\/code><br \/>\n\u56db\u3001IE\u7279\u6709\u7684html\u6761\u4ef6\u6ce8\u91ca\u4f7f\u7528\u89c4\u5219<br \/>\n\u3000\u30001.\u4ec5IE\u53ef\u89c1\u7684\u5199\u6cd5<\/p>\n<p>\u3000\u3000\u3000\u3000<!--[if IE]>\u6b64\u5904\u5185\u5bb9\u53ea\u6709IE\u53ef\u89c1<![endif]\u2013>\n\u3000\u30002.\u4ec5IE6\u53ef\u89c1\u7684\u5199\u6cd5\n\n\u3000\u3000\u3000\u3000<!-\u2013[if IE 6]>\u6b64\u5904\u5185\u5bb9\u53ea\u6709IE6.0\u53ef\u89c1<![endif]\u2013->\n\u3000\u30003.\u4ec5IE7\u53ef\u89c1\u7684\u5199\u6cd5\n\n\u3000\u3000\u3000\u3000<!\u2013-[if IE 7]>\u6b64\u5904\u5185\u5bb9\u53ea\u6709IE7.0\u53ef\u89c1<![endif]\u2013->\n\u3000\u30004.\u7248\u672c\u533a\u95f4\u53ef\u663e\u793a\u5199\u6cd5\n\n\u3000\u3000\u3000\u3000<!--[if lt IE 6]> IE6\u4ee5\u53caIE6\u4ee5\u4e0b\u7248\u672c\u53ef\u8bc6\u522b <![endif]--><br \/>\n\u3000\u3000\u3000\u3000<!--[if gte IE 6]> IE6\u4ee5\u53caIE6\u4ee5\u4e0a\u7248\u672c\u53ef\u8bc6\u522b <![endif]--><br \/>\n\u3000\u3000\u3000\u3000<!--[if lt IE 7]> IE7\u4ee5\u53caIE7\u4ee5\u4e0b\u7248\u672c\u53ef\u8bc6\u522b <![endif]--><br \/>\n\u3000\u3000\u3000\u3000<!--[if gte IE 7]> IE7\u4ee5\u53caIE7\u4ee5\u4e0a\u7248\u672c\u53ef\u8bc6\u522b <![endif]--><br \/>\n\u3000\u30005.\u975eIE\u53ef\u89c1\u7684\u5199\u6cd5\uff08\u6ce8\u610f\uff1a\u6b64\u6761\u4e0d\u7b26\u5408WEB\u6807\u51c6\uff0c\u4f46\u7684\u786e\u5b9e\u7528\uff09<\/p>\n<p>\u3000\u3000\u3000\u3000<!--[if !IE]>\u6b64\u5904\u5185\u5bb9\u53ea\u975eIE\u53ef\u89c1<![endif]--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5bf9\u4e8e\u524d\u7aef\u5de5\u4f5c\u8005,\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u7684\u8c03\u8bd5,\u800c\u8fd9\u6700\u75db\u82e6\u7684\u4e8b\u4e2d,\u6700\u53d8\u6001\u7684\u83ab\u8fc7\u4e8e\u5fae\u8f6f\u7684\u4e09\u4e2a\u7248\u672cIE6.0\/ [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[596,421,422],"class_list":["post-1593","post","type-post","status-publish","format-standard","hentry","category-fromnetwork","tag-css","tag-hack","tag-422"],"views":271,"_links":{"self":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts\/1593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1593"}],"version-history":[{"count":1,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts\/1593\/revisions"}],"predecessor-version":[{"id":1594,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts\/1593\/revisions\/1594"}],"wp:attachment":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1593"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}