Question

我正在尝试打印包含css的特定div。我已经尝试了下面的代码但是当我添加css行时，它会打印空白页根本没有内容。删除css行会打印页面，而不会显示任何CSS 。

 function PrintElem(elem){
    Popup($('<div/>').append($(elem).clone()).html());
 }

 function Popup(data){

 var mywindow = window.open();
 mywindow.document.write('<html><head><title>my div</title>');
 mywindow.document.write('<link rel="stylesheet" href="./css/casestudy.css" type="text/css">');
 mywindow.document.write('<link rel="stylesheet" href="./css/side-menu.css" type="text/css">');

 mywindow.document.write('</head><body>');
 mywindow.document.write(data);
 mywindow.document.write('</body></html>');

 mywindow.print();
}

如何解决此问题。我想打印所有包含的CSS。

Answer 1

你可以试试css

<style type="text/css">
    @media print {
        body * { visibility: hidden; }
        .printme* { visibility: visible; }
        .printme { position: absolute; top: 40px; left: 30px; }
    }
</style>

带有Css的JavaScript打印特定区域

1 个答案: