Я пытаюсь напечатать сгенерированный php документ в Chrome. В браузере это выглядит нормально, но мой принтер не печатает цветные фоны. Я знаю, что в IE есть возможность печатать фон, а в Chrome - нет.
Поскольку конечный пользователь распечатает это, я не хочу находить альтернативы, такие как захват экрана или сохранение файла и т.д. Я хочу найти реальное решение для этого.
Вот страница, которую я хочу распечатать, для информации
Кто-нибудь может предложить предложение, пожалуйста?
В поддержке Chrome существует давняя, двухлетняя тема, полная пользователей, жалующихся, насколько нелепым является отсутствие такой основной функции, как фоновая печать, в Chrome.
http://www.google.com/support/forum/p/Chrome/thread?tid=17a4ac343580c8d3&hl=en
Два года!
Мой совет - использовать Firefox или Opera, пока нас не услышат в Google.
Теперь есть расширение chrome, которое вставляет -webkit-print-color-adjust:exact . Я проверил это с Chrome 23 и работает отлично.
https://chrome.google.com/webstore/detail/print-background-colors/gjecpgdgnlanljjdacjdeadjkocnnamk
CSS, чтобы позволить chrome печатать фоны:
Посмотреть здесь:
https://stackoverflow.com/questions/5355117/print-css-backgrounds-in-safari-chrome/9339257#9339257
Учитывая, что мне кажется, что OP "СОЗДАВАЛ" страницу, это относится к stackoverflow, а не к SuperUser.
В любом случае, хорошее решение ... НЕ использовать background-color и background-image! ... также потому, что Chrome все еще не поддерживает их печать (январь 2012!), и даже с другими браузерами пользователь должен пройти через параметры печати ...
Если вы создаете страницу, это разумно. См. Например: https://stackoverflow.com/a/2966004/422670
Я использую что-то вроде:
<div class='container'>
<img src='background-image or color' class='background'/>
normal stuff as it should be
</div>
тогда в css:
img.background {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
конечно, вы можете адаптировать CSS и классы к вашему использованию
Похоже, он наконец-то
на данный момент в форме определенного стиля -webkit:
см. http://code.google.com/p/chromium/issues/detail?id=2294.
-webkit-print-color-adjust:exact;
Я не смог найти опцию в Chrome, но если вы редактируете страницу, вы можете добавить ее; в противном случае просто запустите инструмент разработчика и добавьте этот стиль в тело.
Работает!!!!!!
Совсем другой ответ от себя ;-)
Используйте Internet Explorer, так как этот параметр отсутствует в Chrome. Перейдите в file - page setup - print background colors and images и проверьте его.
Или, в IE, перейдите к tools - internet options - advanced - printing - print background colors and images
Вместо того, чтобы печатать его прямо из браузера, попробуйте сделать снимок экрана и распечатать его из редактора изображений.