So drucken Sie ein Bild am oberen Rand der Media-Print-CSS
Cascading Style Sheets können Sie Code schreiben, die nur Webseiten betrifft, wenn sie mit bestimmten Medien wie der Bildschirm von einem mobilen Gerät, ein Bildschirmlesegerät für Sehbehinderte oder einen Drucker angezeigt werden. Formatvorlagen für Drucker geschrieben können Sie steuern, wie die Seiten auf Papier ausdrucken. Selten werden Sie möchten eine Website gleich auf Papier aussehen, wie in einem Browser, denn dadurch wird der Benutzer Druckfarbenabfälle und hässliche Unterbrechungen zwischen den Seiten zu erstellen. Mit "als @media" Regeln, können Sie eine ganz andere Formatvorlage für die gedruckte Version Ihrer Website erstellen, Addition und Subtraktion von Formatvorlagen in Ihrem Ermessen.
Anweisungen
1 Öffnen Sie das Stylesheet für Ihre Website und Blättern Sie zu der Unterseite seines Codes. Ergänzen Sie in einer neuen Zeile eine "als @media"-Regel für den Druck wie folgt:
@media print {}}
Alle Stilregeln für die gedruckte Version der Seiten auf Ihrer Website werden zwischen den geschweiften Klammern der Regel "als @media" gehen. Diese Stile bauen auf oder Ändern von Formatvorlagen, die bereits auf dem Bildschirm-Version Ihrer Stylesheet angewendet; mit anderen Worten, die Formatvorlagen auf der Website angewendet werden, wenn es in einem Browser angezeigt wird.
2 Erstellen Sie eine Regel für den gesamten Körper der Web-Seite. Innerhalb dieser Regel legen Sie den Abstand gleich die Höhe dein Bild sowie jede Speicherplatz benötigen Sie zwischen dem Bild und dem Rest der Seite:
@media print {}Körper {}Polsterung: 200px;}}
3 Fügen Sie das Bild als Hintergrund in der Stilregel für den Hauptteil der Seite:
@media print {}Körper {}Polsterung: 200px;Hintergrund-Bild: url('path/to/image.png') center nicht wiederholen;}}
Ändern Sie den Dateipfad im Inneren "url()" auf die Position des Bildes auf Ihrem Web-Server hinzu. Als nächstes geben Sie eine Position, wie "Center" oder "Links." Verwenden Sie "No-Repeat", um das Bild von Fliesen zu verhindern.