Я создал один div, внутри которого используется некоторый css (через файл css). Теперь я хочу напечатать этот конкретный div со всей страницы. Проблема, с которой мне сталкивается, что все классы css применяются в диалоговом окне печати, но цвет фона не применяется.Цвет фона html не отправляется по умолчанию. Диалоговое окно печати
Вот мой код блок кнопки печати, которая открывает диалоговое окно печати по умолчанию:
$("#btnPrint").click(function() {
var contents = $("#Call").html();
var frame1 = $('<iframe />');
frame1[0].name = "frame1";
frame1.css({ "position": "absolute", "top": "-1000000px" });
$("body").append(frame1);
var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
frameDoc.document.open();
//Create a new HTML document.
frameDoc.document.write('<html><head><title>Call</title>');
frameDoc.document.write('</head><body>');
//Append the external CSS file.
frameDoc.document.write('<link href="../css/abc.css" rel="stylesheet" type="text/css">');
//Append the DIV contents.
frameDoc.document.write(contents);
frameDoc.document.write('</body></html>');
frameDoc.document.close();
setTimeout(function() {
window.frames["frame1"].focus();
window.frames["frame1"].print();
frame1.remove();
}, 500);});
Вот является моим DIV на странице:
Вот диалоговое окно печати, который показывает предварительный просмотр div:
Пожалуйста, помогите мне применить диалог фоновой печати.
Благодаря
Изменения параметров печати компоновки хрома. Отвяжите поле «блок bg». Он находится в «дополнительных настройках» –
Вы не можете использовать код, чтобы изменить его, но –
возможный дубликат http: // stackoverflow.com/questions/3893986/css-media-print-issues-with-background-color –