Élément visible uniquement sur la page imprimée

Question

Je rencontre des problèmes pour afficher UNIQUEMENT certains éléments UNIQUEMENT sur la page d'impression. Par exemple, j'ai une page où les utilisateurs peuvent voir un aperçu avant impression (simple javascript). Sur cette page d'impression, je montre seulement quelques éléments de la page (pas tous), en utilisant pour cela :

@media print {
  .noPrint {
      display:none;
  }
}

Maintenant, lorsque j'applique .noPrint à un élément, il ne sera pas affiché sur la page d'impression. Mais, comment est-il possible de créer par exemple un div sur une page, qui sera visible sur la "page d'impression" mais pas sur la page régulière.

Est-ce suffisant, et pris en charge par la plupart des navigateurs ?

@media screen, projection, tv {

 .dontShowThis {
    display:none
  }
}

Et maintenant, si je veux afficher un élément sur la page d'impression mais pas sur la page régulière, je ferai ceci

Certain contenu va ici

Merci

Answer 1

J'ai fait quelque chose de similaire il y a quelque temps, voici comment je l'ai fait :

@media screen
{
    .noPrint{}
    .noScreen{display:none;}
}

@media print
{
    .noPrint{display:none;}
    .noScreen{}
}

Du contenu va ici

À ma connaissance, c'est pris en charge par tous les principaux navigateurs, même IE8 a commencé à le supporter.