媒体打印特定div的css

Question

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

@media 在简单的html页面打印工作正常.

但是当我调用javascript时,@mediacss无法处理文档.

我的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对弹出窗口完全没有影响.