Javascript 在wp admin中处理css@print

我试图在wordpress管理员中用“window.print”打印一个div。我可以让css排队，只加载我想要的页面，并隐藏除要打印的div之外的所有元素。问题是文本格式和图像背景不在打印预览中。 css：

#brgprint .toplogo{
        background-image: url(https://www.agilsaude.com.br/wp-content/uploads/2013/09/logo_agilsaude3.png);
        width:100px;
        height:60px;
        margin:auto;
    }
    #brgprint p.assinatura{
        width:200px;
        margin: 20px auto;
        border-top: 1px black;
    }
@media print {
    #adminmenuback, #adminmenuwrap, #wpfooter, #wpbody-content .update-nag, #contextual-help-link-wrap, #wpbody-content .wrap h2, #woo_vou_check_voucher_code_container .handlediv, #woo_vou_check_voucher_code_container h3, .woo-vou-check-code tbody tr, .woo-vou-voucher-code-submit-wrap .button-primary {display:none}
    #brgprint {width:100%!important;margin:0!important;
    display:block!important;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 640px;
    }
    #brgprint .toplogo{
        display:block!important;
        background-image: url(https://www.agilsaude.com.br/wp-content/uploads/2013/09/logo_agilsaude3.png)!important;
        width:100px!important;
        height:60px!important;
        margin:auto!important;
    }
    #brgprint p.assinatura{
        width:200px!important;
        margin: 20px auto!important;
        border-top: 1px black!important;
    }
    #wpwrap, #wpcontent, #wpbody, #wpbody-content, #woo_vou_check_voucher_code_wrap.post-box-container,     #woo_vou_check_voucher_code_container.postbox, #woo_vou_check_voucher_code_container.postbox.inside, tr.woo-vou-voucher-code-submit-wrap, tr.woo-vou-voucher-code-submit-wrap td {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    width:100%;
    }
}

我要打印的div：

<div class="brgprint">
  <div class="toplogo" style="background-image: url(https://www.agilsaude.com.br/wp-content/uploads/2013/09/logo_agilsaude3.png);width:100px;height:60px;margin:auto;display:block;float:none;"></div>
  <h2 style:"text-align:center"="">Declaração de atendimento</h2>
  <p>Declaro que o cliente Helder Lima, portador do CPF , na presente data está realizando o atendimento do produto e/ou serviço Teste de Voucher na clínica e/ou profissional Agil Saude.</p><p> Receberei o valor de R$ 100 pela prestação de serviços.</p><p>14 / 08 / 2014</p>
  <p style="width:200px;margin: 20px auto;border-top: 1px;">Assinatura</p></div>

它在浏览器中正确显示，但它只打印纯文本，顶部徽标不显示

使用img而不是内联设计徽标。然后使用类在CSS文件中设置样式

<img class="toplogo" src="https://www.agilsaude.com.br/wp-content/uploads/2013/09/logo_agilsaude3.png">

演示

---

编辑和brgprint不是一个ID，它是一个类，在你的CSS中，当你应该这样做时，你会像brgprint一样不断引用它。brgprint，看看这个JSFIDLE，你会看到我在HTML中将它更改为一个ID:

请检查我的答案，如果有帮助，请批准它。我将它更改为一个类，然后返回到ID。。。它已经过时了。你的回答很有效。。。谢谢