提前感谢您提供的任何帮助！我创建了一个似乎运行良好的地图工具;我得到了一张地图，一条可拖动的路线，多个航路点以及一个完整的动态Directions_panel。我希望用户能够打印此网页并获取map_canvas和directions_panel。在测试中，打印预览曾经包含map_canvas，但在此过程中的某处，map_canvas在我打印网页时停止显示。打印时如何才能显示它？
这是我的HTML。
<div id="map-route-page">
<div id="map_canvas"></div>
<div class="clear"></div>
<div class="map-buttons">
<input type="submit" id="showform" value="Edit Map">
<a href="javascript:if(window.print)window.print()"><input type="submit" id="printpage" value="Print this Page"></a>
</div>
<div class="clear"></div>
<div id="directions_panel"></div>
</div>
更新：乱搞CSS，我发现如果删除“position：relative”和“-webkit-transform：translateZ（0）;”，地图就会变成可打印的。来自#map_canvas。不幸的是，这使得整个打印页面看起来很奇怪（地图太大而且位置不合适。）我是否应该添加另一个标签或CSS来解决这个问题？
答案 0 :(得分：1)
唷！经过大量的反复试验，我找到了解决方案。虽然我在main.css文件中指定了#map_canvas的宽度和高度，但我没有在print.css文件中指定这些属性。我没有编辑position：relative或-webkit-transform属性，以便让我能够工作。