comment imprimer l'image d'arrière-plan sur l'imprimante en filigrane

Question

j'ai un fond d'image de la table avec la syntaxe suivante

style = « background-image (URL) »

le problème est quand je l'imprimer sur l'imprimante, il n'a pas imprimé.

pouvez-vous s'il vous plaît me dire comment obtenir ce

image de fond l'obtenir également imprimé sur du papier en filigrane.

J'ai besoin de n'importe quel code pour ne pas demander à chaque utilisateur de changer les paramètres de navigation.

Merci

Answer 1

Cela peut être configuré à partir du navigateur. Lorsque vous ouvrez les options d'impression, une option vous demande si vous souhaitez imprimer des images d'arrière-plan. :)

Answer 2

La plupart des navigateurs ont une option pour imprimer les arrière-plans. Dans FF 3.6.3, sous Fichier -> Mise en page -> Imprimer l'arrière-plan (Couleurs et images)

Answer 3

Comme vous l'avez peut-être remarqué dans les réponses, les navigateurs n'impriment pas les images d'arrière-plan par défaut. En outre, il n'y a aucun moyen de forcer tous les navigateurs du visiteur à imprimer le filigrane.

Une façon possible de forcer l'impression du filigrane consiste à créer un div qui est positionné sous le contenu avec plusieurs répétitions d'une étiquette IMG contenant le filigrane. C'est horriblement kludgy.

Answer 4

Les utilisateurs ne voudront probablement pas gaspiller de l'encre sur un fond de toute façon.

Je suggère d'utiliser un div positionné avec z-index de 0 comme fond d'écran, div contenu absolument positionné avec z-index de 1 pour le contenu. Pour réduire le problème d'encre, vous pouvez utiliser la directive css @media print pour modifier l'opacité de l'arrière-plan entre 5 et 10%, ce qui en fait un filigrane.

est ici un violon: 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>