как напечатать фоновое изображение на принтере как водяной знак - PullRequest
2 голосов
/ 25 мая 2010

у меня есть одно фоновое изображение таблицы со следующим синтаксисом

стиль = "Фоновое изображение (URL)"

проблема в том, что когда я печатаю его на принтере, он не печатается.

Подскажите, пожалуйста, как это получить

фоновое изображение также напечатайте на бумаге в виде водяного знака.

мне нужен любой код, чтобы не просить каждого пользователя менять настройки просмотра.

Спасибо

Ответы [ 4 ]

2 голосов
/ 25 мая 2010

Это можно настроить из браузера. Когда вы открываете параметры печати, есть опция, спрашивающая, печатать ли фоновые изображения. :)

1 голос
/ 25 мая 2010

Как вы могли заметить из ответов, браузеры по умолчанию не печатают фоновые изображения. Кроме того, невозможно заставить все браузеры посетителя печатать водяной знак.

Возможный способ принудительной печати водяного знака заключается в создании элемента div, расположенного под содержимым с несколькими повторениями тега IMG, содержащего водяной знак. Это ужасно грязно.

0 голосов
/ 25 июля 2012

Пользователи, вероятно, не захотят тратить чернила на фон в любом случае.

Я бы предложил использовать абсолютно позиционированный div с z-index 0 в качестве обоев, абсолютно позиционированный div с z-index 1 для контента.

Чтобы уменьшить проблему с чернилами, вы можете использовать директиву css @media print, чтобы изменить непрозрачность фона до 5-10%, сделав его более водяным знаком.

Вот скрипка: http://jsfiddle.net/Xfxg3/

CSS:

@media print {
    #background{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
  }

#background{
    position:absolute;
    z-index:0;
    background:#255;
    display:block;
    min-height:100%; 
    min-width:100%;
}

#content{
    position:absolute;
    z-index:1;
}​

HTML:

<div id="content">
    There is some content in here
</​div>
0 голосов
/ 25 мая 2010

В большинстве браузеров есть возможность распечатывать фоны.В FF 3.6.3, в меню Файл -> Параметры страницы -> Печать фона (цвета и изображения)

...