Question

我在chrome中打印图像时遇到问题，我尝试在Firefox中打印它可以工作。

以下是我的示例代码：

<html>
    <head></head>
    <body>   
        <input 
            type="button" 
            value="Print this page" 
            onclick="printpage()"  
            style="height: 65px; width: 140px; top: 890px; left: 510px; position: absolute;">          
        <img 
            src="BuilderLogo.png" 
            id="ctl02_tabEBrochures_55_" 
            style="height: 65px; width: 140px; top: 1050px; left: 810px; position: absolute;">    
        <input 
            type="button" 
            value="Print this page" 
            onclick="printpage()"  
            style="height: 65px; width: 140px; top: 1050px; left: 510px; position: absolute;">
    </body>
</html>

功能“PrintPage（）”只有Window.print()。

当我打印页面时，图像不会打印。但是，当我在浏览器中打开它时，它们会显示出来。

正如我在下面的屏幕截图中所示，我添加了两个打印按钮。在打印中，仅显示第一个打印按钮。

我注意到，当我将任何图像控件的顶部设置为超过900px时，我将面临此问题。

原始页面： image on screen with two print buttons showing

打印输出：

image on print with only one button showing

可能是什么问题？

Answer 1

虽然您需要为打印定义单独的样式表而不是使用与屏幕相同的样式表，但我怀疑您的问题就像Chrome禁用图像打印一样简单。请参阅以下屏幕截图，了解如何启用：

Chrome print options

HTML页面的打印问题

1 个答案: