dissimulant des éléments pendant l'impression de la page Web

Lors de l'impression d'une page Web, il est souvent souhaitable d'exclure certains éléments de l'impression. Par exemple, des boutons ou des liens visibles à l'écran peuvent apparaître sur la version imprimée, créant un encombrement indésirable.

Solution: CSS Media Rebourse

CSS Media Queries offre une solution à ce problème. En appliquant des règles de style spécifiques dans une requête multimédia pour le support 'Print', vous pouvez contrôler la visibilité des éléments en fonction de la question de savoir si une imprimé est en cours. Code sur votre feuille de style:

@ media print { .no-empreinte, .no-print * { Affichage: Aucun! IMPORTANT; } } Cette règle indique que tout élément avec la classe «sans imprime» sera masqué lorsque le navigateur est en mode imprimé. Par exemple:

print (cliquez ici pour imprimer)

1. Exemple:

   @media print {
       .no-print, .no-print * {
           display: none !important;
       }
   }

   Lorsqu'un utilisateur clique sur le lien "Imprimer", le navigateur affiche une impression qui ne comprend que le texte "Bonsoir". Le lien "Print" lui-même sera masqué.