{"id":32826,"date":"2024-11-25T08:50:12","date_gmt":"2024-11-25T00:50:12","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32826\/"},"modified":"2024-11-25T08:50:12","modified_gmt":"2024-11-25T00:50:12","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%80%8e%e6%a0%b7%e5%8a%a0%e8%83%8c%e6%99%af%e5%9b%be%e7%89%87","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32826\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u600e\u6837\u52a0\u80cc\u666f\u56fe\u7247"},"content":{"rendered":"

\u7ecf\u5e38\u4e3a\u5c0f\u7a0b\u5e8f\u8bbe\u7f6e\u989c\u8272\u80cc\u666f\uff0c\u7a81\u7136\u53d1\u73b0\u4e00\u5f20\u597d\u770b\u7684\u56fe\u7247\u600e\u4e48\u628a\u5b83\u8bbe\u7f6e\u4e3a\u80cc\u666f\u5462?<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u600e\u6837\u52a0\u80cc\u666f\u56fe\u7247\u63d2\u56fe\"<\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u600e\u6837\u52a0\u80cc\u666f\u56fe\u7247    <\/strong><\/p>\n

\u4ee5\u4e0b\u603b\u7ed3\u4e86\u4e09\u79cd\u65b9\u6cd5\uff1a<\/p>\n

1\u3001wx<\/strong>ss\u4e2d\u901a\u8fc7background-image\u8bbe\u7f6e\u7f51\u7edc\u56fe\u7247\u6765\u6dfb\u52a0\u80cc\u666f\u56fe\u7247<\/strong>\uff1b<\/strong><\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2dbackground-image\u4e0d\u80fd\u4f7f\u7528\u672c\u5730\u56fe\u7247<\/p>\n

\u63a8\u8350\u5b66\u4e60\uff1a<\/p>\n

background-image:url(https:\/\/xxxxxxxxxxxxxxxxxxxxxx)<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
2\u3001\u5c06\u56fe\u7247\u8f6c\u4e3aBase64\u7f16\u7801\u683c\u5f0f\uff0c\u7136\u540e\u4f7f\u7528background-image\u6765\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\uff1b<\/strong><\/p>\n
background-image:url(\u8f6c\u6362\u4e4b\u540e\u7684base64\u5b57\u7b26\u4e32)<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
3\u3001\u5229\u7528\u6d41\u5e03\u5c40\uff0c\u8bbe\u7f6ez-index\u5c42\u7ea7\uff0c\u5c06image\u6807\u7b7e\u7f6e\u4e8e\u5e95\u5c42\u6765\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\u3002<\/strong><\/p>\n
\/\/html\n<view>\n  <image><\/image>\n  <view>\n    \u6211\u662f\u4e00\u4e32\u5b57\u7b26\u4e32\n  <\/view><\/view>\n\/\/css\n.container{\n  width: 100%;\n  height: 600rpx;\n  margin: 0;\n  padding: 0;\n  position: relative;\n}\nimage{\n  position: absolute;\n  width: 100%;\n  height: 600rpx;\n}\n.up{\n  position: absolute;\n  z-index: 1;\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
PHP\u4e2d\u6587\u7f51\uff0c\u5927\u91cf\uff0c\u6b22\u8fce\u5b66\u4e60\uff01<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u600e\u6837\u52a0\u80cc\u666f\u56fe\u7247\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u7ecf\u5e38\u4e3a\u5c0f\u7a0b\u5e8f\u8bbe\u7f6e\u989c\u8272\u80cc\u666f\uff0c\u7a81\u7136\u53d1\u73b0\u4e00\u5f20\u597d\u770b\u7684\u56fe\u7247\u600e\u4e48\u628a\u5b83\u8bbe\u7f6e\u4e3a\u80cc\u666f\u5462? \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u600e\u6837\u52a0\u80cc\u666f\u56fe\u7247     \u4ee5\u4e0b\u603b\u7ed3\u4e86\u4e09\u79cd\u65b9\u6cd5\uff1a 1\u3001wxss\u4e2d\u901a\u8fc7background-image\u8bbe\u7f6e\u7f51\u7edc\u56fe\u7247\u6765\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\uff1b \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2dbackground-image\u4e0d\u80fd\u4f7f\u7528\u672c\u5730\u56fe\u7247 \u63a8\u8350\u5b66\u4e60\uff1a background-image:url(https:\/\/xxxxxxxxxxxxxxxxxxxxxx) \u767b\u5f55\u540e\u590d\u5236 2\u3001\u5c06\u56fe\u7247\u8f6c\u4e3aBase64\u7f16\u7801\u683c\u5f0f\uff0c\u7136\u540e\u4f7f\u7528background-image\u6765\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\uff1b background-image:url(\u8f6c\u6362\u4e4b\u540e\u7684base64\u5b57\u7b26\u4e32) \u767b\u5f55\u540e\u590d\u5236 3\u3001\u5229\u7528\u6d41\u5e03\u5c40\uff0c\u8bbe\u7f6ez-index\u5c42\u7ea7\uff0c\u5c06image\u6807\u7b7e\u7f6e\u4e8e\u5e95\u5c42\u6765\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\u3002 \/\/html <view>   <image><\/image>   <view>     \u6211\u662f\u4e00\u4e32\u5b57\u7b26\u4e32   <\/view><\/view> \/\/css .container{   width: 100%;   height: 600rpx;   margin: 0;   padding: 0;   position: relative; } image{   position: absolute;   width: 100%;   height: 600rpx; } .up{   position: absolute;   z-index: 1; } \u767b\u5f55\u540e\u590d\u5236 PHP\u4e2d\u6587\u7f51\uff0c\u5927\u91cf\uff0c\u6b22\u8fce\u5b66\u4e60\uff01 \u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u600e\u6837\u52a0\u80cc\u666f\u56fe\u7247\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-32826","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=32826"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32826\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}