css - 网站 Logo 未出现在打印样式表上

Question

网址是http://bit.ly/1h3C6yO

我们在打印样式表方面遇到了一些问题。我定义了一个打印表，但是当我打印它时， Logo 被隐藏了。

我已经搜索了所有打印媒体请求，并且正在努力寻找导致这种情况的原因。

此外，Safari 可以很好地打印出图片库，但 Chrome 打印出的图片库会在图片周围带有粗的全宽黑条。有什么想法吗？

Answer 1

背景图像不会被打印。您可以使用 <img> 添加图像标签让它打印。更多内容请阅读:How can I force browsers to print background images in CSS?

更新:

对于图片库中的错误边框问题，您应该在您的 CSS 中看到

.thumbnail {
    border: 1px solid hsl(0, 0%, 87%);
}

尝试将此添加到您的 print.css

.thumbnail {
    border: none;
}

编辑 2:

只是想到画廊的边界。我猜更有可能是默认的 a img边框在文档中可见。因此，如果上述方法不起作用，我建议您试试这个(在您的 print.css 中):

.thumbnails a img
{
    border: none;
}