在asp.net中打印时不显示div背景图像

时间:2014-02-18 09:59:33

标签: asp.net css html media-queries

我正在创建证书,其中我正在使用div背景图像。一切正常。在打印时div不显示背景图像.Div背景甚至不显示在pdf中。 我正在使用此媒体查询。

@media print
{
    * {-webkit-print-color-adjust:exact;}
    .clsprint
    {
    background-image:url(cert.jpg);
    background-repeat:no-repeat;
    }

}

1 个答案:

答案 0 :(得分:2)

尝试在打印时在Js中添加样式

   `var divElements = document.getElementById("divAlterationPrint").innerHTML;

    var w = window.open('', 'Placement Form', 'width=860,scrollbars=yes');
    w.document.write('<html><head><title>Placement Form</title>');
    var sdf = '<style>#divId {background-image:url(cert.jpg);}</style>';
    w.document.write(sdf);
    w.document.write('</head><body>');
    w.document.write(divElements);
    w.document.write('</body></html>');
    w.print();
    w.document.close();`