css - 背景图像不显示在打印预览中

Question

我正在使用 laravel 5.4，但未显示在打印预览中。怎么办..？

.bg {
  @media print {
    visibility: visible;
    /* The image used */
    background-image: url("../logo/back_id_card.JPG");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-print-color-adjust: exact;
  }
}

Answer 1

请试试这个看看问题是否仍然存在(适用于所有元素*):

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
}

-webkit-print-color-adjust 属性是一个非标准 CSS 扩展，可用于在基于 WebKit 引擎的浏览器中强制打印背景颜色和图像。