2010-07-22 2 views
2

Comment placer une image d'arrière-plan à gauche dans chaque page impaire et vers la droite dans chaque page paire avec CSS lors de l'impression?Pages impaires dans CSS

J'ai cherché un certain temps à une solution à ce sujet. W3C mentionne @page: à gauche mais dit aussi que le contexte ne peut être utilisé que pour les marges.

En regardant à travers le W3C CSS3 au lieu de CSS2, je vois quelque chose qui pourrait aider (@page: left {@ left-middle {content: url (..)}}). Mais il ne semble pas fonctionner dans l'un des navigateurs avec lesquels j'ai essayé, à savoir Safari et FireFox.

+0

Tous les navigateurs que je connais ont l'impression d'images d'arrière-plan désactivée par défaut, donc je pense que 99% des utilisateurs ne verront pas les images d'arrière-plan, quel que soit leur côté, même si vous le pouvez obtenir ceci pour travailler. – robertc

Répondre

1

L'impression CSS est toujours délicate, surtout si l'on considère la multitude de façons dont les différents navigateurs la traitent.

Avez-vous envisagé d'exporter les éléments d'impression vers quelque chose comme un format PDF où la gestion des impressions est beaucoup plus cohérente?

+0

Nous aurons probablement une version PDF aussi, mais ce serait bien d'avoir les deux. Encore plus agréable si je pouvais faire le PDF en utilisant Imprimer-> PDF. Ce sera probablement une très grande page web, donc ce serait bien de ne pas avoir besoin de faire défiler l'utilisateur, de trouver le chapitre qu'il recherche, de rechercher un bouton PDF, d'ouvrir le PDF et de faire défiler vers le chapitre imprimer. –

+0

Peut-être que vous pourriez avoir un pdf séparé pour chaque chapitre, puis ajouter un lien hypertexte à chaque titre de chapitre qui ouvre le pdf de ce chapitre - qui laisserait l'utilisateur cliquer sur 'imprimer' dans le pdf pour obtenir le chapitre? – amelvin

Questions connexes