Chrome打印到PDF与背景颜色

Question

我有基于Bootstrap和Flat UI css的页面，我想打印它（保存为PDF）。

但它无法打印标题颜色和进度条的颜色。我在那里看到了教程，但它没有用。

Here is live demo.

Answer 1

您必须启用该选项以包含背景图形。请看下面的

Answer 2

看起来Bootstrap css 中的以下代码段导致了这个问题，我刚刚删除了它。

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; // Black prints faster: h5bp.com/s
        box-shadow: none !important;
        text-shadow: none !important;
    }