3,055
社区成员
发帖
与我相关
我的任务
分享HTML代码 贴到微信公众号中 中背景图为什么不显示了
/*第一部分*/
<section class="">
<div >
<p class=MsoNormal align=center style='margin-top:18.0pt;margin-right:0cm;
margin-bottom:18.0pt;margin-left:0cm;text-align:center;line-height:28.0pt'><span
style='font-size:12.0pt;font-family:方正小标宋简体'>森林火险预报</span></p>
<p class=MsoNormal style='text-indent:25.6pt;line-height:28.0pt;layout-grid-mode:
char;background:white;text-autospace:none'><span style='font-size:12.0pt;
font-family:黑体;letter-spacing:.4pt'>一、天气形势</span></p>
<p class=MsoNormal style='text-indent:24.0pt;line-height:28.0pt;layout-grid-mode:
char'><span style='font-size:12.0pt;font-family:仿宋_GB2312'>自入冬以来，我县气温偏高，降水特少，空气湿度小，天气寒冷干燥。<span
lang=EN-US>2</span>月<span lang=EN-US>14</span>日、<span lang=EN-US>16-18</span>日出现降雪天气，对降低森林火险气象等级较为有利。</span></p>
<p class=MsoNormal style='text-indent:24.0pt;line-height:28.0pt;layout-grid-mode:
char'><span style='font-size:12.0pt;font-family:仿宋_GB2312'>预计未来一周，<span
lang=EN-US>20-26</span>日受西北气流控制，以晴或多云天气为主；最低温度<span lang=EN-US>-20</span>～<span
lang=EN-US>-13</span>℃，最高温度<span lang=EN-US>-4</span>～<span lang=EN-US>3</span>℃。</span></p>
<p class=MsoNormal style='text-indent:24.0pt;line-height:28.0pt;layout-grid-mode:
char'><span style='font-size:12.0pt;font-family:黑体'>三、森林火险气象等级精细化预报</span></p>
<p class=MsoNormal style='text-indent:25.6pt;line-height:28.0pt;background:
white;text-autospace:none'><span style='font-size:12.0pt;font-family:黑体;
letter-spacing:.4pt'>四、对策及建议</span></p>
<p class=MsoNormal align=center style='text-align:center;line-height:28.0pt;
layout-grid-mode:char'><b><span style='font-size:12.0pt;font-family:隶书;
color:red'>防火意识人人拥有 绿色家园天长地久</span></b></p>
</div>
</section>
/* 第二部分*/
<section class=""> <section style="margin:10px 0px;" >
<section style="background:#83b2ff;border-radius:10px;padding:6px;" >
<section style="border:1px dashed #37bd63;border-radius:10px ;background:#fefefe;">
<section style="display: flex;justify-content: center;margin-left: auto;margin-right: auto;">
<section>
<span style="font-weight: bold; text-align: center; font-size: 20px; color: #ff2941;">
<img src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcT5euSyFdqFvckv*68kNMyLHJT2A.55aauBUMRyUDZwxOLX2CR*3wBFb5kwBZ4j7JcfJglWkes*0jmqnFedKZQ4!/b&bo=MQA2AAAAAAADFzU!&rf=viewer_4&t=5" style="width: 40px; height: 40px;transform: rotateX(0deg) rotateY(158deg) rotateZ(0deg);-webkit-transform: rotateX(0deg) rotateY(158deg) rotateZ(0deg);-moz-transform: rotateX(0deg) rotateY(158deg) rotateZ(0deg);-ms-transform: rotateX(0deg) rotateY(158deg) rotateZ(0deg);-o-transform: rotateX(0deg) rotateY(158deg) rotateZ(0deg);"/>乡村振兴 气象先行</span>
<img src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcT5euSyFdqFvckv*68kNMyLHJT2A.55aauBUMRyUDZwxOLX2CR*3wBFb5kwBZ4j7JcfJglWkes*0jmqnFedKZQ4!/b&bo=MQA2AAAAAAADFzU!&rf=viewer_4&t=5" style="font-weight: bold; text-align: center; width: 40px; height: 40px;transform: rotateX(0deg) rotateY(-18deg) rotateZ(0deg);-webkit-transform: rotateX(0deg) rotateY(-18deg) rotateZ(0deg);-moz-transform: rotateX(0deg) rotateY(-18deg) rotateZ(0deg);-ms-transform: rotateX(0deg) rotateY(-18deg) rotateZ(0deg);-o-transform: rotateX(0deg) rotateY(-18deg) rotateZ(0deg);"/>
</section>
</section>
<section >
<p style="text-align: center;">
<img src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcT5euSyFdqFvckv*68kNMyLfO3CS1Kb59RUd5u29fnSTV681MwQoppBX082OmPv0kXU.33EsSSC*VTite.q1fEI!/b&bo=KgAeAAAAAAADFwY!&rf=viewer_4&t=5" style="letter-spacing: 0.544px; vertical-align: middle; width: 39px !important; visibility: visible !important;"/><span style="letter-spacing: 0.544px; color: #ac39ff;"><strong><span style="letter-spacing: 0.544px; font-size: 15px;">一轴四区</span></strong></span><span style="letter-spacing: 0.544px; color: #000000;"><strong><span style="font-size: 15px;"></span></strong><strong><span style="font-size: 15px;"></span></strong><strong>
<img data-width="10%" src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcT5euSyFdqFvckv*68kNMyIriDdFndwQ6QDLGU7FLoI58plgZ857HHK5tkCivsddxy4ZAOA2Yk1G3tti8wd.POU!/b&bo=RgErAQAAAAABF10!&rf=viewer_4&t=5" style="vertical-align: middle; width: 10%; visibility: visible !important;"/><span style="letter-spacing: 0.544px; font-size: 15px; color: #ac39ff;">一带四路</span></strong></span><span style="letter-spacing: 0.544px; color: #cc2c21;">
<img src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcT5euSyFdqFvckv*68kNMyLfO3CS1Kb59RUd5u29fnSTV681MwQoppBX082OmPv0kXU.33EsSSC*VTite.q1fEI!/b&bo=KgAeAAAAAAADFwY!&rf=viewer_4&t=5" style="vertical-align: middle; width: 39px !important; visibility: visible !important;"/></span>
</p>
</section>
<section style="display:flex;justify-content:center;align-items:center;border:1px;padding:10px 20px;border-radius:10px;overflow: hidden;">
<section style="border:solid 5px #cce0ed;margin:10px;float:left;background:url(http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mceMnqkc4RnfaL7KyKjPmLf3qQTl8DBhe32Z7q2KolnJJMqMFMt5qO3Wm6jwupKXjpOyyoU2PyzkSOCJFAXQUXCI!/b&bo=3ADdANwA3QABGT4!&rf=viewer_4&t=5)no-repeat;background-size:100% 100% ;box-sizing: border-box;padding:10px 10px">
<img style="display:block;width:100%;opacity:0%" src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcRmt9fUKspeCt9J**FHiAEJyaVlex1M9hiFO8.qSs7SdyRy*7rtIFd6X14Xet4YtIx3Jtjp3h4sSAF4gXU0*WbQ!/b&bo=sAIAArACAAIBGT4!&rf=viewer_4&t=5" />
</section>
<section style="border:solid 5px #cce0ed;margin:10px;margin:10px;float:left;background:url(http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mceMnqkc4RnfaL7KyKjPmLf1r.bqYsgUsG9wXDQbbWSaxGwbn2fbaZt*lnz8E*5AauasQuetka6o7oA5yXYkYHr4!/b&bo=MALxATAC8QEBGT4!&rf=viewer_4&t=5)no-repeat;background-size: 100% 100% ;;box-sizing: border-box;padding:10px 10px">
<img style="display:block;width:100%;opacity:0%" src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcRmt9fUKspeCt9J**FHiAEJyaVlex1M9hiFO8.qSs7SdyRy*7rtIFd6X14Xet4YtIx3Jtjp3h4sSAF4gXU0*WbQ!/b&bo=sAIAArACAAIBGT4!&rf=viewer_4&t=5" />
</section>
</section>
<section style="display:flex;justify-content:center;align-items:center;border:1px;padding:10px 20px;border-radius:10px;overflow: hidden">
<section style="border:solid 5px #cce0ed;margin:10px;margin:10px;float:left;background:url(http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcRmt9fUKspeCt9J**FHiAEIWCITxJKh*tXOe.dcyR4Z7Y0NQuIyrZYTbxdKittiRefpqXdQY6ZWGwp7su9w7wnQ!/b&bo=CAPrAQgD6wEBGT4!&rf=viewer_4&t=5)no-repeat;background-size: 100% 100% ;;box-sizing: border-box;padding:10px 10px">
<img style="display:block;width:100%;opacity:0%" src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcRmt9fUKspeCt9J**FHiAEJyaVlex1M9hiFO8.qSs7SdyRy*7rtIFd6X14Xet4YtIx3Jtjp3h4sSAF4gXU0*WbQ!/b&bo=sAIAArACAAIBGT4!&rf=viewer_4&t=5" /> </section>
<section style="border:solid 5px #cce0ed;margin:10px;margin:10px;float:left;background:url(http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcRmt9fUKspeCt9J**FHiAEJyaVlex1M9hiFO8.qSs7SdyRy*7rtIFd6X14Xet4YtIx3Jtjp3h4sSAF4gXU0*WbQ!/b&bo=sAIAArACAAIBGT4!&rf=viewer_4&t=5)no-repeat;background-size: 100% 100% ;;box-sizing: border-box;padding:10px 10px">
<img style="display:block;width:100%;opacity:0%" src="http://m.qpic.cn/psc?/V51yP7mf3NdfI10VYD7S4YKhGx2bkUPe/45NBuzDIW489QBoVep5mcRmt9fUKspeCt9J**FHiAEJyaVlex1M9hiFO8.qSs7SdyRy*7rtIFd6X14Xet4YtIx3Jtjp3h4sSAF4gXU0*WbQ!/b&bo=sAIAArACAAIBGT4!&rf=viewer_4&t=5" /> </section>
</section>
</section>
</section>
</section> </section>
以上两块代码（其中第一部分是word文档转存的），在浏览器各自能正常显示，粘贴到微信公众号号也能正常显示，但是，合并为一个HTML文件，在浏览器中能正常显示，在微信公众号显示不正常，后面的图片背景显示不出来，谁知道是什么原因，
...全文
请发表友善的回复…
发表回复
