Firefox和IE没有为@media打印带来CSS样式

时间:2015-10-13 17:19:34

标签: javascript html css internet-explorer firefox

Chrome效果很好,但我在IE和FireFox(尤其是)上打印样式时遇到了问题。

我已经浏览了很多论坛帖子,我知道这可能很简单。

function printMe() {
        printCSS = new String ('<link href="/a/b/file.css" rel="stylesheet" media="print" type="text/css">')
        window.frames["print_frame"].document.body.innerHTML=printCSS + document.getElementById('div').innerHTML;       
        window.frames["print_frame"].window.focus();       
        window.frames["print_frame"].window.print();      
        window.frames["print_frame"].window.document.close();  
    }
<div class="print-button"><input id="btnSubmit" type="submit" value="Print" class='print-btn' onclick="printMe();" /></div>

@media print {
    .page-break{
        page-break-after: always;
    }
    .print-button{
        display: none !important;
    }   
}

0 个答案:

没有答案