{"id":874,"date":"2009-06-25T13:58:03","date_gmt":"2009-06-25T05:58:03","guid":{"rendered":"http:\/\/www.ddcat.net\/blog\/?p=874"},"modified":"2009-06-25T13:58:03","modified_gmt":"2009-06-25T05:58:03","slug":"jscss%e5%9b%be%e7%89%87%e8%87%aa%e5%8a%a8%e7%ad%89%e6%af%94%e4%be%8b%e7%bc%a9%e5%b0%8f%e4%b8%94%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%adv20071208","status":"publish","type":"post","link":"http:\/\/www.ddcat.net\/blog\/index.php\/2009\/06\/25\/jscss%e5%9b%be%e7%89%87%e8%87%aa%e5%8a%a8%e7%ad%89%e6%af%94%e4%be%8b%e7%bc%a9%e5%b0%8f%e4%b8%94%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%adv20071208\/","title":{"rendered":"[js+css]\u56fe\u7247\u81ea\u52a8\u7b49\u6bd4\u4f8b\u7f29\u5c0f\u4e14\u5782\u76f4\u5c45\u4e2d[v20071208]"},"content":{"rendered":"
\u524d\u8a00\uff1a\u8fd9\u662f\u7bc7\u8001\u6587\uff0c\u5ffd\u7136\u53d1\u73b0\u5728\u6362blog\u7cfb\u7edf\u7684\u65f6\u5019\uff0c\u7adf\u7136\u6ca1\u6709\u8f6c\u8fc7\u6765\uff0c\u73b0\u5728\u8865\u4e0a\u3002<\/div>\n

\u56fe\u7247\u81ea\u52a8\u7b49\u6bd4\u4f8b\u7f29\u5c0f\uff0c\u5176\u5b9e\u5982\u679c\u4e0d\u8003\u8651ie6\u7684\u8bdd\uff0c\u7528css\u5c31\u53ef\u4ee5\u5b9e\u73b0\uff0c\u8bbe\u5b9aimg\u7684max-width\u548cmax-height\uff0c\u800cimg\u6807\u7b7e\u5185\u4e0d\u8bbe\u5b9awidht\u548cheight\u5373\u53ef\u3002<\/p>\n

ie7\u5df2\u7ecf\u652f\u6301max-width\u548cmax-height\uff0c\u8fd9\u662f\u4e3a\u6570\u4e0d\u591a\u7684\u597d\u6d88\u606f\u4e4b\u4e00\u3002\u4f46\u662f\u5bf9\u4e8eie6\u53ca\u4ee5\u524d\u7684\u7248\u672c\uff0c\u5c31\u53ea\u80fd\u7528js\u6765\u8bbe\u7f6e\u4e86\u3002<\/p>\n

<\/p>\n

\u5728\u00a0ff\u00a02.0\u00a0\/\u00a0ie6\u00a0\/\u00a0ie7\u00a0\/\u00a0op\u00a08.5+\u00a0\/\u00a0sa\u00a03\u00a0\u4e2d\u6d4b\u8bd5\u901a\u8fc7\u3002\u4e0d\u8fc7\u5782\u76f4\u65b9\u5411\u5728\u00a0ff\u00a0\u548c\u00a0sa\u00a0\u4e2d\u7a0d\u5fae\u6709\u4e9b\u9519\u4f4d\uff0c\u8fd8\u9700\u89e3\u51b3\u3002\u5e0c\u671b\u5927\u5bb6\u6765\u6d4b\u8bd5\u627ebug<\/p>\n

\u6ce8\u610f\uff1a\u5782\u76f4\u5c45\u4e2d\u7684\u5173\u952e\u5728\u4e8e\u6587\u6863\u7684dtd\u7c7b\u578b\uff01\uff01<\/strong><\/p>\n

\n
<!DOCTYPE\u00a0html\u00a0PUBLIC\u00a0"-\/\/W3C\/\/DTD\u00a0XHTML\u00a01.0\u00a0Strict\/\/EN"\u00a0"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd">\n<html\u00a0xmlns="http:\/\/www.w3.org\/1999\/xhtml"\u00a0xml:lang="zh-CN"\u00a0lang="zh-CN">\n<head>\n<meta\u00a0http-equiv="Content-Type"\u00a0content="text\/html;\u00a0charset=gb2312"\u00a0\/>\n<title>\u56fe\u7247\u81ea\u52a8\u7b49\u6bd4\u4f8b\u7f29\u5c0f\u4e14\u5782\u76f4\u5c45\u4e2d<\/title>\n<!--[if\u00a0lte\u00a0IE\u00a06]>\n<script\u00a0type="text\/javascript"\u00a0language="javascript">\nfunction\u00a0imgFix()\u00a0{\n\/\/\u5b9a\u4e49\u8981\u9650\u5236\u7684\u56fe\u7247\u5bbd\u9ad8,\u8fd9\u4e2a\u5bbd\u9ad8\u8981\u540cstyle\u91cc\u9762\u5b9a\u4e49\u7684\u76f8\u540c\uff0c\u5c0f\u4e8e\u9650\u5b9a\u9ad8\u5bbd\u7684\u56fe\u7247\u4e0d\u64cd\u4f5c\nvar\u00a0widthRestriction\u00a0=\u00a0200;\nvar\u00a0heightRestriction\u00a0=\u00a0200;\nvar\u00a0allElements\u00a0=\u00a0document.getElementsByTagName('*')\nfor\u00a0(var\u00a0i\u00a0=\u00a00;\u00a0i\u00a0<\u00a0allElements.length;\u00a0i++)\n{\nif\u00a0(allElements[i].className.indexOf('imgBox')\u00a0>=\u00a00)\n{\nvar\u00a0imgElements\u00a0=\u00a0allElements[i].getElementsByTagName('img');\nfor\u00a0(var\u00a0j=0;\u00a0j\u00a0<\u00a0imgElements.length;\u00a0j++)\n{\nif\u00a0(\u00a0imgElements[j].width\u00a0>\u00a0widthRestriction\u00a0||\u00a0imgElements[j].height\u00a0>\u00a0heightRestriction\u00a0)\n{\nif\u00a0(\u00a0imgElements[j].width\u00a0>\u00a0imgElements[j].height)\n{\nimgElements[j].height\u00a0=\u00a0imgElements[j].height*(widthRestriction\/imgElements[j].width);\nimgElements[j].width\u00a0=\u00a0widthRestriction;\n}\u00a0else\n{\nimgElements[j].width\u00a0=\u00a0imgElements[j].width*(heightRestriction\/imgElements[j].height);\nimgElements[j].height\u00a0=\u00a0heightRestriction;\n}\n}\nif\u00a0(\u00a0imgElements[j].height\u00a0<\u00a0heightRestriction\u00a0)\n{\nimgElements[j].style.paddingTop\u00a0=\u00a0(\u00a0heightRestriction\u00a0-imgElements[j].height\u00a0)\u00a0\/2\u00a0+\u00a0"px";\n}\n}\u00a0\/*for\u00a0j*\/\n}\n}\/*for\u00a0i*\/\n}\nwindow.onload\u00a0=\u00a0imgFix;\n<\/script>\n<![endif]-->\n<style\u00a0type="text\/css">\n<!--\n*\u00a0{\nmargin:0;\npadding:0;\n}\nbody\u00a0{\nfont:\u00a08px\/1em\u00a0serif;\u00a0\/*\u00a0\u5b57\u53f7\u4f1a\u5f71\u54cd\u56fe\u7247\u7684\u5782\u76f4\u4f4d\u7f6e\u00a0*\/\n}\n.imgBox\u00a0li\u00a0{\nlist-style:none;\nwidth:200px;\u00a0\u00a0\/*\u00a0\u5bbd\u5ea6\u00a0*\/\nheight:200px;\u00a0\/*\u00a0\u9ad8\u5ea6\u00a0*\/\nbackground:#ccc;\nborder:1px\u00a0solid\u00a0#666;\ntext-align:center;\nmargin:5px;\nline-height:200px;\n}\n.imgBox\u00a0img\u00a0{\nmax-width:200px;\u00a0\u00a0\/*\u00a0\u5bbd\u5ea6\u00a0*\/\nmax-height:200px;\u00a0\/*\u00a0\u9ad8\u5ea6\u00a0*\/\nvertical-align:middle;\n}\n-->\n<\/style>\n<\/head>\n\n<body>\n<ul\u00a0class="imgBox">\n<li><img\u00a0src="http:\/\/www.ddcat.net\/tebie\/coco\/img\/coco_20070618_03.jpg"\u00a0alt="img"\u00a0\/><\/li>\n<li><img\u00a0src="http:\/\/www.ddcat.net\/tebie\/coco\/img\/coco_20070618_04.jpg"\u00a0alt="img"\u00a0\/><\/li>\n<li><img\u00a0src="http:\/\/www.ddcat.net\/bbs2007\/images\/style_1\/zh-cn\/redirect_logo.gif"\u00a0alt="img"\u00a0\/><\/li>\n<li><img\u00a0src="http:\/\/www.ddcat.net\/blog\/templates\/ddcat2007\/img\/logo.gif"\u00a0alt="img"\u00a0\/><\/li>\n<\/ul>\n<\/body>\n<\/html><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u56fe\u7247\u81ea\u52a8\u7b49\u6bd4\u4f8b\u7f29\u5c0f\uff0c\u5176\u5b9e\u5982\u679c\u4e0d\u8003\u8651ie6\u7684\u8bdd\uff0c\u7528css\u5c31\u53ef\u4ee5\u5b9e\u73b0\uff0c\u8bbe\u5b9aimg\u7684max-width\u548cmax-height\uff0c\u800c\u6807\u7b7e\u5185\u4e0d\u8bbe\u5b9awidht\u548cheight\u5373\u53ef\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,6],"tags":[44,61,127,173,290],"class_list":["post-874","post","type-post","status-publish","format-standard","hentry","category-web","category-web-layout","tag-css","tag-javascript","tag-127","tag-173","tag-290"],"_links":{"self":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":0,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/874\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}