Как отправить на печать со стилями?

Question

[gotohell]

Всем привет!
Есть код:

$(function(){
    $('#print').click(function(){
        var printing_css='<style media=print>tr:nth-child(even) td{background: #000;}</style>';
        var html_to_print=printing_css+$('#a4').html();
        var iframe=$('<iframe id="print_frame">');
        $('body').append(iframe);
        var doc = $('#print_frame')[0].contentDocument || $('#print_frame')[0].contentWindow.document;
        var win = $('#print_frame')[0].contentWindow || $('#print_frame')[0];
        doc.getElementsByTagName('body')[0].innerHTML=html_to_print;
        win.print();
        $('iframe').remove();
    });
});

Он берет нужный мне фрагмент со страница и отправляет на печать, но когда отправляешь на печать стили слетают и выходит просто текст. Помогите разобраться пожалуйста!
Демка

Answer 1

[FeST1VaL]

Те стили которые дают вам рамку итд, они находятся вне iframe который вы отправляете в печать, т.е по сути надо в вашу переменную в JS printing_css засунуть стили, или просто подключить файл к iframe

Например: