javascript — при печати не удается отобразить таблицу стилей
Я пытаюсь создать лист стилей для печати и создать простую структуру тестирования, с которой я боролся в течение нескольких часов. Я читал много статей на SO и в других местах об использовании медийной печати, но ни один из конфигов не работает для меня.
Эта проблема
Открывается окно печати — нет проблем, и таблица стилей print.css правильно читается в открывшемся окне печати (красный заголовок). Но когда отпечаток фактически отображается (то есть физический отпечаток), я не получаю стиль заголовка. Также попробовал media = «print» и удалив атрибут media — все без везения.
//js
<script type="text/javascript">
$(function(){
$('#print_btn').click(function(e){
e.preventDefault();
var w = window.open();
var printOne = $('.contentToPrint').html();
var printTwo = $('.print_div').html();
w.document.write('<html>');
w.document.write('<head>');
w.document.write('<title>Calculation</title>');
w.document.write('<link rel="stylesheet" type="text/css" href="path/Stylesheets/print.css" media="all">');
w.document.write('</head>');
w.document.write('<body>');
w.document.write('<h1 class="test">Copy - Calculation Estimate</h1><hr />' + printOne + '<hr />' + printTwo);
w.document.write('</body></html>');
w.window.print();
w.document.close();
return false;
});
});
</script>
// test style sheet-print.css (пробовал с оберткой носителя и без нее)
@media print
{
.test
{
color: red;
}
}
PS- Просто еще одна вещь. Когда я добавляю встроенный стиль в тег H1, он печатает стиль правильно.
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …