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;
}