2010-07-10 6 views
0

J'ai une feuille de style qui ressemble à ceci:PHP/HTML - activer les styles d'impression

body{ 
background: #333; 
} 
... 


@media print { 
body{ 
    background: #fff; 
    color: #000; 
    font-size: 10pt 
} 
... 
} 

les styles d'impression fonctionnent bien et sont appliqués lorsque vous allez en mode Aperçu avant impression dans votre navigateur.

Cependant, j'ai un bouton « imprimer » sur le site, qui, lorsqu'il est pressé, les sorties de la page en cours en mode d'impression (même page, mais ne contenant que les informations relevent, pas de menus, barre latérale, etc.)

Comment J'active les styles d'impression dans cette page? Si j'inclure la feuille de style il le style comme les autres pages ...

Répondre

1
  1. Créer une print.css sans la partie @media print

  2. Inclure une fois dans l'en-tête comme ceci: <link rel="stylesheet" type="text/css" media="print" href="print.css">

  3. Incluez-le en tant que CSS standard lorsque vous souhaitez charger la page en mode d'impression.
    Mettez par ex. quelque chose comme ça dans l'en-tête:

<?php 
if ($_GET['view']=='print') { 
echo '<link rel="stylesheet" type="text/css" href="print.css">'; 
} 
?>

De cette façon, il sera inclus lorsque vous chargez une URL comme some_page.php?view=print ainsi que quand vous allez dans les navigateurs l'impression fenêtre de prévisualisation.