媒体打印特定div的css

Question

我使用@media print打印html页面。

@media在简单的html页面中打印正常。

但是当我调用javascript时，@media css无法处理文档。

我的javascript代码是

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js" > </script>
<script type="text/javascript">

    function PrintElem(elem)
    {
        Popup($(elem).html());
    }

    function Popup(data) 
    {
        var mywindow = window.open('', 'mydiv', 'height=400,width=600');
        mywindow.document.write(data);
        mywindow.print();
        mywindow.close();

        return true;
    }

</script>

如何编写媒体打印css以便在特定div上工作。

Answer 1

您必须将CSS写入新窗口。新窗口是一个与打开它的窗口完全独立的环境，原始窗口中的CSS对弹出窗口完全没有影响。