2014-11-26 6 views
0

Я бы добавил, что кнопка на моей странице включает onsubmit="return window.print()", но когда я нажимаю на нее, в окне печати появляется диалоговое окно с окном печати. ​​Цвет моей страницы становится черным, все стили ушли. Как распечатать страницу так же, как и в стиле с одинаковыми цветамиКак распечатать страницу так, как она есть

+0

Вы хотите сказать, что фоновые цвета были удалены? Если это так, это опция (печать с или без, фоновые цвета/фоновые изображения), доступная только вашим пользователям (через настройки печати в браузере). Не пытайтесь заставить своих пользователей тратить деньги на чернила принтера, просто потому, что вы хотите, чтобы ваша страница оставалась красивой. Это их деньги, их призыв. –

+0

Большинство стилей печати превращают весь текст в черный цвет и удаляют много форматирования. Вы можете сделать свой собственный файл css для печати, перейдите в него. – Christina

+0

У меня Google ничего не найдено, @DavidThomas Да, все мое формирование страницы удаляет фон черным цветом. –

ответ

2

Это происходит, когда ваш css не оптимизирован для печати. Вы можете включить свой CSS в стиле ниже.

<link rel="stylesheet" type="text/css" media="print" href="mystyle.css"> 

И помните, что фоновое изображение не отображается в печати.

Ссылка статьи: http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

0

Ссылка таблица стилей в нижней части головы (Так что это основной один).

В этой таблице стилей положить в следующем медиа запрос

@media print 
{ 
    put styles here 
} 

Все, что вы положили в запросе будет использоваться при печати.

+0

Это не то, как это работает, моя таблица стилей до 6000 строк, я не могу изменить их все снова в запросе на медиа .. пожалуйста, аккуратно или прокомментируйте предложение –

+0

Собственно, вот как это работает - или частично в любом случае. Другой вариант: вы добавите новую таблицу стилей (ниже всех остальных: каскадирование) и измените стили (только те), которые вам нужно изменить для печати. Помните, что результат будет зависеть не только от выбранных вами стилей, но и от интерпретации браузеров. Я предлагаю вам взглянуть на ссылку, полученную двумя ответами. – Leon

+0

Почему вы просто не копируете и не вставляете таблицу стилей в этот медиа-запрос? – Gezzasa

Смежные вопросы