Как я могу напечатать веб-страницу со всеми ее CSS-стилями, прикрепленными к странице? - PullRequest
Новая
       26

Как я могу напечатать веб-страницу со всеми ее CSS-стилями, прикрепленными к странице?

16 голосов
/ 02 августа 2010

Я хочу добавить кнопку печати, чтобы пользователи могли распечатать мою веб-страницу.Однако при печати все стили CSS теряются.Кажется, принтер сохраняет только основные элементы HTML.Что мне делать, если я также хочу распечатать страницу точно так, как она выглядит в браузере?Я имею в виду, если я использую цветной принтер, он напечатает красочную страницу со стилями CSS.Когда я использую черно-белый принтер, он должен печатать светлые цвета как белые, а темные цвета как серый или черный.

Ответы [ 3 ]

17 голосов
/ 02 августа 2010

Если у вас media="screen" на вашем link элементе, попробуйте удалить его или заменить на media="all".

4 голосов
/ 02 августа 2010

Взгляните на это и это , это должно помочь.

В основном вам нужно добавить оператор печати css. 

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />
3 голосов
/ 02 августа 2010

CSS-таблицы стилей имеют атрибут media.Это указывает, к каким носителям этот CSS применим.Возможные типы носителей перечислены здесь здесь . 

<style type="text/css" media="all">
   @import "myCss.css";
</style>

ИЛИ 

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