Я бы добавил, что кнопка на моей странице включает onsubmit="return window.print()"
, но когда я нажимаю на нее, в окне печати появляется диалоговое окно с окном печати. Цвет моей страницы становится черным, все стили ушли. Как распечатать страницу так же, как и в стиле с одинаковыми цветамиКак распечатать страницу так, как она есть
ответ
Это происходит, когда ваш 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/
Ссылка таблица стилей в нижней части головы (Так что это основной один).
В этой таблице стилей положить в следующем медиа запрос
@media print
{
put styles here
}
Все, что вы положили в запросе будет использоваться при печати.
Это не то, как это работает, моя таблица стилей до 6000 строк, я не могу изменить их все снова в запросе на медиа .. пожалуйста, аккуратно или прокомментируйте предложение –
Собственно, вот как это работает - или частично в любом случае. Другой вариант: вы добавите новую таблицу стилей (ниже всех остальных: каскадирование) и измените стили (только те), которые вам нужно изменить для печати. Помните, что результат будет зависеть не только от выбранных вами стилей, но и от интерпретации браузеров. Я предлагаю вам взглянуть на ссылку, полученную двумя ответами. – Leon
Почему вы просто не копируете и не вставляете таблицу стилей в этот медиа-запрос? – Gezzasa
Используйте @media print
, чтобы создать свои страницы для печати.
Пример в файле CSS:
@media print {//styles
}
Также здесь есть ссылка на стартер руководство этого: http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
Надежда, что помогает.
- 1. Как вы печатаете строку точно так, как она есть?
- 2. Как распечатать внешнюю страницу
- 3. Как распечатать пустую страницу?
- 4. Как заменить строку точно так, как она есть?
- 5. Как правильно распечатать страницу php?
- 6. Почему интерполяция строк называется так, как она есть?
- 7. Wicket: Есть ли альтернатива для org.apache.wicket.extensions.markup.html.tree, так как она устарела
- 8. получить содержание страницы, сформированной так, как она есть в nutch
- 9. Почему структура GUID объявлена так, как она есть?
- 10. Почему эта программа работает так, как она есть?
- 11. QWebEngine: распечатать страницу?
- 12. Как распечатать страницу в Drupal 7?
- 13. Как распечатать веб-страницу на сервере?
- 14. Как распечатать полноразмерную страницу формата А4?
- 15. php распечатать страницу распечатать список принтеров
- 16. Умножение строки так, чтобы она опускалась на страницу по вертикали?
- 17. Распечатать страницу, содержащую Javascript
- 18. ColdFusion Отправить страницу, как она ее обрабатывает
- 19. AS3: Как распечатать полную страницу Movieclip?
- 20. Как распечатать тестовую страницу по умолчанию?
- 21. Как распечатать страницу в ландшафте в javascript
- 22. Как распечатать страницу без данных datatable
- 23. Как распечатать другую веб-страницу в html?
- 24. Как распечатать html-страницу, полученную с сервера?
- 25. Как распечатать тестовую страницу на указанный принтер?
- 26. Как распечатать другую страницу с текущей страницы?
- 27. Как я могу распечатать веб-страницу, чтобы она не была загружена?
- 28. Как загрузить страницу в javascript, так что она ведет себя как ссылка
- 29. Как система Perl() может распечатать команду, в которой она запущена?
- 30. Как заставить мою кнопку выглядеть так, как будто она нажата?
Вы хотите сказать, что фоновые цвета были удалены? Если это так, это опция (печать с или без, фоновые цвета/фоновые изображения), доступная только вашим пользователям (через настройки печати в браузере). Не пытайтесь заставить своих пользователей тратить деньги на чернила принтера, просто потому, что вы хотите, чтобы ваша страница оставалась красивой. Это их деньги, их призыв. –
Большинство стилей печати превращают весь текст в черный цвет и удаляют много форматирования. Вы можете сделать свой собственный файл css для печати, перейдите в него. – Christina
У меня Google ничего не найдено, @DavidThomas Да, все мое формирование страницы удаляет фон черным цветом. –