Javascript 浏览器打印，不使用´；不显示图像

我正试图用PrintThisjQuery插件在我的网页上打印一些“选定”的内容。当我按“打印”按钮时，打印中不会显示任何图像或

。为什么?

HTML

<button id="print_btn"></button>
<div class="elementBricka display" style="page-break-after:always">
    <div class="lkbLoggo"></div>
    <hr>
     ....

JS

#elementBrickor{
    align-items: center;
}

.elementBricka{
    width: 9.614cm;
    height: 14.404cm;
    border: 1px solid;
    background-color: white;

    float: none;
    margin-left: auto;
    margin-right: auto;
}
.lkbLoggo{
    width: 9.182cm;
    height: 2.721cm;
    margin-top: 0.199cm;
    background-image: url("/img/lkb_logga2.png");
    background-repeat: no-repeat;
    background-position: center;
}

$(document).ready(function () {
    $('#print_btn').click(function () {
        $('.display').printThis({
            debug: true,
            importCSS: true,
            importStyle: true,
            loadCSS: "/Data.css",
            pageTitle: false,
        });
    });
});

更新

我会回答我自己的问题。
这与“打印此”无关。
这是浏览器的“问题”。

---

但通过添加：

，它很容易修复！重要信息

在我加载img的Css文件中。

图像通常不会打印，因为这是浏览器中的设置

转到工具/互联网选项/高级/并确保勾选了“打印背景和图像”

但是，使用printThis插件打印图像没有解决方法

如果要尝试使用jquery打印图像，可以执行以下操作：

函数nWin（）{
var w=window.open（）；
var html=$（“#tonewindow”）.html（）；
/*对于（var i=0；i图像，通常不打印，因为这是浏览器中的设置

转到工具/互联网选项/高级/并确保勾选了“打印背景和图像”

但是，使用printThis插件打印图像没有解决方法

如果要尝试使用jquery打印图像，可以执行以下操作：

函数nWin（）{
var w=window.open（）；
var html=$（“#tonewindow”）.html（）；
/*对于（var i=0；iOk，因此无法使“PrintThis”打印我的图像。

但我在CSS中找到了一种方法：

.lkbLoggo{
    width: 9.182cm !important;
    height: 2.721cm !important;
    margin-top: 0.199cm !important;
    background-image: url("/img/lkb_logga2.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

只需在每行后面添加
！重要的
，它就会显示在打印中。

现在..我想要一个功能，使整个类变得重要，而不是将其添加到每一行。
好的，所以没有办法让“打印此”打印我的图像。

$('.display').printThis({
base='true'
});

但我在CSS中找到了一种方法：

.lkbLoggo{
    width: 9.182cm !important;
    height: 2.721cm !important;
    margin-top: 0.199cm !important;
    background-image: url("/img/lkb_logga2.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

只需在每行后面添加
！重要的
，它就会显示在打印中。

现在，我想要一个功能，使整个类变得重要，而不是将它添加到每一行

$('.display').printThis({
base='true'
});

试试这个

试试这个
我的解决方案是实施

-webkit打印颜色调整：精确！重要

我的解决办法是实施

-webkit打印颜色调整：精确！重要

有趣。谢谢。我发现
！important
可以做我的工作。这更好，因为它可以在每个浏览器中工作，而不更改浏览器中的任何选项。谢谢。图像可以打印此-这里有一个演示，显示图像可以工作：有趣。谢谢。我发现
！important
可以做我的工作。这更好，因为它可以在每个浏览器中工作，而不更改浏览器中的任何选项。谢谢。图像确实可以打印此-这里有一个演示显示图像可以工作：图像应该打印-你有一个示例页吗？我是打印此作者，所以我想跟踪任何错误。这里有一个演示显示图像可以工作：@Jason我所要做的就是添加“！important”在我加载img的CSS中。因此，这不是“PrintThis”问题。谢谢。图像应该打印-你有一个示例页面吗？我是PrintThis作者，所以我想追踪任何错误。这里有一个演示显示图像工作：@Jason我所要做的就是在我加载img的CSS中添加“！important”。所以，这不是一个”打印此“问题。谢谢。太棒了！这是唯一对我有效的解决方案…这是最简单的方法！太棒了！这是唯一对我有效的解决方案…这是最简单的方法！