{"id":4650,"date":"2015-03-03T00:41:15","date_gmt":"2015-03-02T16:41:15","guid":{"rendered":"http:\/\/www.zhangxinxu.com\/wordpress\/?p=4650"},"modified":"2015-03-03T00:41:15","modified_gmt":"2015-03-02T16:41:15","slug":"border-collapse-table-td-border-opacity","status":"publish","type":"post","link":"https:\/\/www.zhangxinxu.com\/wordpress\/2015\/03\/border-collapse-table-td-border-opacity\/","title":{"rendered":"border-collapse\u4e0etable td\u8fb9\u6846opacity\u900f\u660e\u5ea6\u8be1\u5f02\u89e3\u6790"},"content":{"rendered":"<p>by <a href=\"http:\/\/www.zhangxinxu.com\/\">zhangxinxu<\/a> from <a href=\"http:\/\/www.zhangxinxu.com\/\">http:\/\/www.zhangxinxu.com<\/a><br \/>\n\u672c\u6587\u5730\u5740\uff1a<a href=\"http:\/\/www.zhangxinxu.com\/wordpress\/?p=4650\">http:\/\/www.zhangxinxu.com\/wordpress\/?p=4650<\/a><\/p>\n<h3>\u4e00\u3001\u539f\u6765\u4e0d\u662fbug<\/h3>\n<p>\u5e74\u524d\u9047\u5230\u6b64\u73b0\u8c61\uff0c\u5728Chrome\u6d4f\u89c8\u5668\u4e0b\uff0c\u8d77\u521d\uff0c\u6211\u8fd8\u4ee5\u4e3a\u662fChrome\u6d4f\u89c8\u5668\u7684bug.<\/p>\n<p>\u4eca\u65e5\u539f\u578b\u91cd\u73b0\uff0c\u5728\u5404\u4e2a\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0b\u4e00\u6d4b\uff0c\u4e56\u4e56\u9686\u5730\u549a\uff0c\u90fd\u662f\u4e00\u4e2a\u5c3f\u6027\uff0c\u770b\u6765\u662f\u89c4\u8303\u4f7f\u7136\uff0c\u4e0d\u662fbug\u554a\uff01\u4f46\u662f\uff0c\u7531\u4e8e\u73b0\u8c61\u5b9e\u5728\u8be1\u5f02\uff0c\u5230\u76ee\u524d\u4e5f\u60f3\u4e0d\u901a\u662f\u4e2a\u600e\u4e48\u56de\u4e8b\uff0c\u6545\u5728\u8fd9\u91cc\u6f14\u793a\u5e76\u8be2\u95ee\u5728\u5ea7\u7684\u5c0f\u4f19\u4f34\u4eec\uff0c\u4e3a\u4ec0\u4e48\u4f1a\u6709\u6b64\u73b0\u8c61\uff1f<\/p>\n<p><strong>\u73b0\u8c61\u63cf\u8ff0<\/strong><br \/>\n\u4e00\u4e2a\u666e\u666e\u901a\u901a\u7684<code>table<\/code>\uff0c\u8bbe\u7f6e\u4e86<code>border-collapse:collapse<\/code>\uff0c\u5408\u5e76\u8868\u683c\u7684\u8fb9\u6846\uff0c\u8fd9\u5f88\u6b63\u5e38\uff0c\u4e5f\u5f88\u5e38\u89c1\u3002<\/p>\n<p>\u6211\u4eec\u7ed9\u5143\u7d20\u8bbe\u7f6e<code>opacity<\/code>\u900f\u660e\u5ea6\u503c\uff0c\u4f8b\u5982<code>0.1<\/code>\uff0c\u5219\u5143\u7d20\u5e94\u8be5\u900f\u660e\u5ea6\u5c31\u53d8\u6210<code>10%<\/code>\uff0c\u5305\u62ec\u8fb9\u6846\u3001\u80cc\u666f\u8272\u7b49\uff0c\u8fd9\u4e5f\u7b26\u5408\u6211\u4eec\u7684\u7406\u89e3\uff0c\u5f88\u6b63\u5e38\u3002<\/p>\n<p>\u4f46\u662f\uff0c\u4e24\u8005\u641e\u5728\u4e00\u8d77\uff0c\u5c31\u51fa\u73b0\u4e86\u8be1\u5f02\u89e3\u6790\u3002\u8868\u683c\u5143\u7d20\u5982<code>&lt;td&gt;<\/code>\u8fb9\u6846\u900f\u660e\u5ea6\u4f3c\u4e4e\u662f<code>100%<\/code>\u900f\u660e\u5ea6\u51cf\u53bb<code>&lt;td&gt;<\/code>\u5b9a\u4e49\u7684\u900f\u660e\u5ea6\u503c\u7684\u5dee\u503c(<code>opacity:1<\/code>\u9664\u5916)\uff01\u4e5f\u5c31\u662f<code>&lt;td&gt;<\/code>\u8bbe\u7f6e\u900f\u660e\u5ea610%\uff0c\u5219\u8fb9\u6846\u5374\u662f90%\u7684\u900f\u660e\u5ea6\uff1b\u800c<code>&lt;td&gt;<\/code>\u8bbe\u7f6e\u900f\u660e\u5ea690%\uff0c\u8fb9\u6846\u5374\u662f<code>10%<\/code>\u7684\u900f\u660e\u5ea6\u3002<\/p>\n<p>\u6587\u5b57\u63cf\u8ff0\u592a\u82cd\u767d\uff0c\u6211\u4eec\u8fd8\u662f\u770b\u5b9e\u4f8b\u5427(IE10+, FireFox, Chrome\u5747\u53ef)~<\/p>\n<p>\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\u8fd9\u91cc\uff1a<a class=\"a_link\" href=\"http:\/\/www.zhangxinxu.com\/study\/201503\/border-collapse-table-td-border-opacity.html\" target=\"_blank\">border-collapse\u4e0e\u8fb9\u6846\u900f\u660e\u5ea6\u89e3\u6790demo<\/a><\/p>\n<p>\u9ed8\u8ba4\u6211\u4eec\u7684<code>&lt;tbody&gt;<\/code>(\u4fbf\u4e8e\u6f14\u793a\uff0c<code>&lt;td&gt;<\/code>\u6548\u679c\u4e00\u6837)<code>opacity<\/code>\u503c\u4e3a<code>1<\/code>\uff0c\u4e8e\u662f\uff0c\u6211\u4eec\u770b\u5230\u4e86\u4e00\u7247\u548c\u8c10\u7684\u6548\u679c\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/2015-03-03_001212.png\" width=\"500\" height=\"231\" alt=\"\u9ed8\u8ba4\u900f\u660e\u5ea6\u652f\u6301\u89e3\u6790\" class=\"alignnone\" \/><\/p>\n<p>\u4f46\u662f\uff0c\u6211\u4eec\u62d6\u52a8Demo\u9875\u9762\u4e0a\u7684<code>range<\/code>\u63a7\u4ef6\uff0c\u4fee\u6539<code>&lt;tbody&gt;<\/code>\u7684\u900f\u660e\u5ea6<code>opacity<\/code>\u5c5e\u6027\u503c\uff0c\u7ed3\u679c\uff0c\u4f60\u4f1a\u53d1\u73b0\uff0c<code>&lt;tbody&gt;<\/code>\u900f\u660e\u5ea6\u4e3a<code>90%<\/code>\u7684\u65f6\u5019\uff0c\u6211\u4e86\u4e2a\u64e6\uff0c\u8fb9\u6846\u76f4\u63a5\u900f\u660e\u5ea6\uff08\u8089\u773c\u770b\u4e0a\u53bb\uff09\u5c31\u662f<code>10%<\/code>\u900f\u660e\u5ea6\u7684\u6837\u5b50\u3002<\/p>\n<p>Chrome\u6d4f\u89c8\u5668\u4e0b\uff0c\u6700\u540e\u4e00\u884c\u5355\u5143\u683c\u7684\u8fb9\u6846\u4f3c\u4e4e\u4e0d\u53d7<code>opacity<\/code>\u7684\u5f71\u54cd\uff0c\u5982\u4e0b\u622a\u56fe\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/2015-03-03_001728.png\" width=\"691\" height=\"234\" alt=\"Chrome\u6d4f\u89c8\u5668\u4e0b\u7684\u8fb9\u6846\u900f\u660e\u5ea6\" class=\"alignnone\" \/><\/p>\n<p>\u800cFireFox\u6d4f\u89c8\u5668\u4e0b\uff0c\u5219\u662f\u6240\u6709\u8fb9\u6846\u90fd\u4f1a\u5dee\u5f02\u534a\u900f\u660e\u5316\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/2015-03-03_002023.png\" width=\"706\" height=\"305\" alt=\"FireFox\u6d4f\u89c8\u5668\u4e0b\u7684\u5dee\u5f02\u534a\u900f\u660e\u622a\u56fe\" class=\"alignnone\" \/><\/p>\n<p>\u7136\u540e\uff0c\u6211\u4eec\u7ee7\u7eed\u62d6\u52a8\uff0c\u5dee\u4e0d\u591a<code>10%<\/code>\u900f\u660e\u5ea6\u7684\u6837\u5b50\u65f6\u5019\uff0c\u6b64\u65f6\uff0c\u6587\u5b57\u662f\u89c4\u89c4\u77e9\u77e9\u900f\u660e\u4e86\uff0c\u4f46\u662f\uff0c\u8fb9\u6846\u7684\u989c\u8272\u5374\u53cd\u800c\u6108\u53d1\u5730\u6e05\u6670\u8d77\u6765\uff01\uff01<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/2015-03-03_002645.png\" width=\"416\" height=\"229\" alt=\"Chrome\u6d4f\u89c8\u5668\u4e0b\u8fb9\u6846\u53cd\u800c\u6e05\u6670\" class=\"alignnone\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/2015-03-03_002617.png\" width=\"444\" height=\"236\" alt=\"FireFox\u6d4f\u89c8\u5668\u4e0b\u8fb9\u6846\u6108\u53d1\u6e05\u6670\" class=\"alignnone\" \/><\/p>\n<p>\u8fdeIE\u6d4f\u89c8\u5668\u4e5f\u4e0d\u7518\u843d\u540e\uff1a<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/2015-03-03_002824.png\" width=\"489\" height=\"261\" alt=\"IE\u6d4f\u89c8\u5668\u4e0b\u7684\u900f\u660e\u5ea6\u5dee\u5f02\u6e32\u67d3\" class=\"alignnone\" \/><\/p>\n<h3>\u4e8c\u3001\u9020\u6210\u7684\u95ee\u9898<\/h3>\n<p>\u6211\u60f3\u4f7f\u7528CSS3\u5b9e\u73b0\u4e00\u4e2a\u6de1\u5165\u6de1\u51fa\u7684\u52a8\u753b\uff0c\u90a3\u6548\u679c\uff0c\u8be1\u5f02\u5982\u5750\u9488\u6be1\uff01<\/p>\n<h3>\u4e09\u3001\u5982\u4f55\u907f\u514d\u6b64\u5c34\u5c2c<\/h3>\n<p>\u4e00\u822c\u5b9e\u9645\u5f00\u53d1\u65f6\u5019\uff0c\u6211\u4eec\u4f7f\u7528\u7684<code>table<\/code>\u8fb9\u6846\u662f\u5355\u8fb9\u6846\uff0c\u4e0d\u662f\u90a3\u79cd\u683c\u5b50\u4e4b\u7c7b\uff0c\u6b64\u65f6\uff0c\u6211\u4eec\u53ef\u4ee5\uff1a<br \/>\n\u53ea\u5bf9\u4f4e\u7248\u672c\u7684IE\u6d4f\u89c8\u5668\u4f7f\u7528<code>border-collapse:collapse<\/code>\uff1b\u5bf9\u4e8e\u9ad8\u7ea7\u6d4f\u89c8\u5668\uff0c\u5220\u9664<code>border-collapse:collapse<\/code>\u58f0\u660e\uff0c\u6216\u8005\u4f7f\u7528<code>separate<\/code>\u91cd\u7f6e\uff0c\u7136\u540e\u4f7f\u7528<code>border-spacing:0<\/code>\u53bb\u9664\u5355\u5143\u683c\u89c1\u4f60\u4e0d\u60f3\u8981\u7684\u7a7a\u767d\u3002<\/p>\n<p>\u4e8e\u662f\uff0c\u900f\u660e\u5ea6\u5c31\u7b26\u5408\u6b63\u5e38\u8ba4\u77e5\u5730\u6e32\u67d3\u4e86\uff01<\/p>\n<h3>\u56db\u3001\u4e3a\u4f55border-collapse:collapse\u65f6\u5019\u8fb9\u6846\u900f\u660e\u5ea6\u6e32\u67d3\u8be1\u5f02\u5462\uff1f<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/image.zhangxinxu.com\/image\/blog\/201503\/jiushini.JPG\" width=\"300\" height=\"400\" alt=\"\u5c31\u7b49\u4f60\u89e3\u7b54\uff01\" class=\"alignnone\" \/><\/p>\n<p>\u672c\u6587\u4e3a\u539f\u521b\u6587\u7ae0\uff0c\u4f1a\u7ecf\u5e38\u66f4\u65b0\u77e5\u8bc6\u70b9\u4ee5\u53ca\u4fee\u6b63\u4e00\u4e9b\u9519\u8bef\uff0c\u56e0\u6b64\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u539f\u51fa\u5904\uff0c\u65b9\u4fbf\u6eaf\u6e90\uff0c\u907f\u514d\u9648\u65e7\u9519\u8bef\u77e5\u8bc6\u7684\u8bef\u5bfc\uff0c\u540c\u65f6\u6709\u66f4\u597d\u7684\u9605\u8bfb\u4f53\u9a8c\u3002<br \/>\n\u672c\u6587\u5730\u5740\uff1a<a href=\"http:\/\/www.zhangxinxu.com\/wordpress\/?p=4650\">http:\/\/www.zhangxinxu.com\/wordpress\/?p=4650<\/a><\/p>\n<p>\uff08\u672c\u7bc7\u5b8c\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5e74\u524d\u9047\u5230\u6b64\u73b0\u8c61\uff0c\u5728Chrome\u6d4f\u89c8\u5668\u4e0b\uff0c\u8d77\u521d\uff0c\u6211\u8fd8\u4ee5\u4e3a\u662fChrome\u6d4f\u89c8\u5668\u7684bug.<br \/>\n\u4eca\u65e5\u539f\u578b\u91cd\u73b0\uff0c\u5728\u5404\u4e2a\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0b\u4e00\u6d4b\uff0c\u4e56\u4e56\u9686\u5730\u549a\uff0c\u90fd\u662f\u4e00\u4e2a\u5c3f\u6027\uff0c\u770b\u6765\u662f\u89c4\u8303\u4f7f\u7136\uff0c\u4e0d\u662fbug\u554a\uff01\u4f46\u662f\uff0c\u7531\u4e8e\u73b0\u8c61\u5b9e\u5728\u8be1\u5f02\uff0c\u5230\u76ee\u524d\u4e5f\u60f3\u4e0d\u901a\u662f\u4e2a\u600e\u4e48\u56de\u4e8b\uff0c\u6545\u5728\u8fd9\u91cc\u6f14\u793a\u5e76\u8be2\u95ee\u5728\u5ea7\u7684\u5c0f\u4f19\u4f34\u4eec\uff0c\u4e3a\u4ec0\u4e48\u4f1a\u6709\u6b64\u73b0\u8c61\uff1f<br \/>\n\u73b0\u8c61\u63cf\u8ff0\u2026\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[389,981,712,674,398],"_links":{"self":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/4650"}],"collection":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/comments?post=4650"}],"version-history":[{"count":0,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/4650\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/media?parent=4650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/categories?post=4650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/tags?post=4650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}