打印和打印预览不会通过CSS Stylehseet

时间:2016-03-31 14:54:57

标签: javascript html css printing

我正在尝试仅打印我的网页的一部分作为发票。 我使用以下Javascript代码打开一个新窗口,只添加我需要的内容。

IE:Bootstrap,网站样式表。

function print_element(elem,event,$elementid){
    event.preventDefault();
    $(elem).hide();
    var prtContent = document.getElementById($elementid);
    var WinPrint = window.open('', '', 'left=0,top=0,width='+window.screen.width+',height='+window.screen.height+',toolbar=0,scrollbars=0,status=0');

    WinPrint.document.write($("head").html());
    WinPrint.document.write(prtContent.innerHTML);

    $("script").each(function(index){
        var src = $(this).attr("src");
        WinPrint.document.write("<script src='"+src+"'></script>");
    })

    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.document.ready = function(){
        WinPrint.print();
        //WinPrint.close();
    }
    $(elem).show();
}

当窗口打开时,每个东西的样式都没有任何问题,但是当打印对话框显示时,所有文本都是黑白的。它还以黑白打印。

我尝试添加彩色图像。图像显示为全彩色。然后我直接将CSS文件中的代码粘贴到窗口中,它仍然以黑白方式打印。

我还尝试使用style属性和<font>标签直接使用样式元素,但没有用。

这不是打印机问题。我检查过,网站在多台计算机和打印机上完全一样。

可能是什么问题?

0 个答案:

没有答案