Question

我正在从不同浏览器的Web应用程序中打印一页。它包含一些小图像，如刻度线，页面上的问号。

现在我的问题是它不会在打印时打印图像。在IE浏览器中，它可以正常工作并打印图像，但在谷歌浏览器中，Firefox不能打印图像。

任何人都知道如何打印从Chrome和Firefox打印出来的图像吗？

提前致谢。

下面是我在页面中生成图片的代码。

我正在准备名为'tickmark'的课程。

 HtmlTableCell tc = new HtmlTableCell();
                        tc.InnerText = "";

                        if (Convert.ToInt64(result[h]) == 1)
                        {
                            tc.InnerHtml = "<b class='tickmark'></b>";
                        }

                        trContent.Cells.Add(tc);

和包含代码的tickmark类：

b.tickmark { background:url(../images/tickmark.png) no-repeat; width:13px; height:10px; display:block; vertical-align:middle; margin:0 auto; }

Answer 1

现代浏览器不会打印背景图像。这些CSS图像用于样式化。

如果该图片很重要，请将其嵌入您的页面。 <img/>标记中的图片可以使用。

为避免破坏当前布局，您可以执行以下操作：

有另一个css文件print.css并按如下方式链接：

HTML：

<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="print stylesheet" type="text/css" href="print.css" media="print" />
<div class="tick"><img src="images/tickmark.png" alt="tick" /></div>

的main.css

.tick img {
    display: none;
}

print.css

.tick img {
    display: block;
}

从chrome / firefox打印出来时打印图像

1 个答案: