Печатать фоновое изображение на каждой странице один раз

Question

Мне нужно распечатать фоновое изображение на каждой странице один раз при печати большого файла html. Теперь он печатается только на первой странице. Поэтому часть CSS для этого есть:

@media all { 
    body 
    { 
     text-align:left; 
     background-image:url('/C:/logo.png'); 
     background-repeat:no-repeat; 
     background-position:right top; 
    } 
} 

Answer 1

Если вы указываете свойство background-attachment как фиксированное, оно отображается на каждой странице. Единственная проблема с этим методом заключается в том, что контент может закрепить поверх него (и он работает только в FireFox).

<style type="text/css" media="print"> 
    body 
    { 
     background-image:url('/C:/logo.png'); 
     background-repeat:no-repeat; 
     background-position: right top; 
     background-attachment:fixed; 
    } 
</style> 

Другого вариант для фонового изображения, чтобы разделить отношение вашей области печати (т.е. Letter размера 8.5x11 бумаги с .5 дюймовых полями со всех сторон 7,5: 10) и иметь логотип в поле пробелов (например, http://i.imgur.com/yvVW2mk.png). Затем вы установите изображение для повторения по вертикали и на 100%.

<style type="text/css" media="print"> 
    body 
    { 
     background-image:url('/C:/whitespace-logo.png'); 
     background-repeat:repeat-y; 
     background-position: right top; 
     background-attachment:fixed; 
     background-size:100%; 
    } 
</style> 

Answer 2

Не забудьте включить файл CSS на всех страницах.

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