css - bootstrap 3 CSS 背景图像未显示在打印预览中

Question

我想给背景图片加水印，打印带水印图片的数据。我在没有打印预览的情况下在 div 中有水印。当我从浏览器使用打印对话框时，水印图像不会显示。我使用了 bootstrap 3 框架。 我的代码如下。

<div class="id-container"></div>

这是CSS:

.id-container{
   background: url('public/images/boat_trans.jpg') no-repeat center;
}
@media print{
   *{-webkit-print-color-adjust: exact;}
}

Answer 1

在最后添加 !important 解决了我的问题。

.id-container{
   background: url('public/images/boat_trans.jpg') no-repeat center !important;
}