ausblenden von HTML-div-beim drucken Seite

Ich habe eine XHTML-basierte Seite, die admin-Informationen. Der admin sollte in der Lage sein, um die Seite zu drucken, aber ich möchte es verstecken Ihre Informationen.

Gibt es eine Möglichkeit, einen druckbereich beim drucken einer Seite, oder ist die einzige praktikable Lösung um zu öffnen, eine sekundäre Seite, ohne die admin-Informationen, die beim Klick auf die Schaltfläche "drucken"?

Danke!

InformationsquelleAutor steeped | 2012-08-31

  1. 26

    versuchen Sie dies:

    <style type="text/css" media="print">
.dontprint
{ display: none; }
</style>

<div class="dontprint">I'm only visible on the screen</div>
    Schön! Danke!!!
    Dies ist eine großartige und einfache Möglichkeit, das zu tun, aber es funktioniert nicht in IE8!...
    Aber elelmnt dissappear komplett auch aus gängigen browser-Ansicht. Wie stellen Sie es sichtbar auf der Website, aber wenn ich drucken möchte, diese machen den Drucker ignorieren, ohne Umleitung auf andere site?
    funktioniert perfekt ...

    InformationsquelleAutor nickel715

  2. 9

    Können Sie die CSS für das div zu display: none mit den folgenden:

    @media print {
    div.do-not-print {display: none;}
}

    Es wird normal angezeigt, aber wenn Sie gehen um zu drucken, er werde verwenden, die CSS-Klasse.

    InformationsquelleAutor Gary

  3. 5

    Hinzufügen, drucken.css auf Ihrer Seite, in der Sie verstecken alle Elemente, die Sie nicht wollen, um gedruckt werden

    <link rel="stylesheet" href="print.css" type="text/css" media="print" />

    den media="print" - Attribut sagt dem browser bestimmte css-Datei.

    In dieser Datei können Sie 

    .admindetails{
   display:none;
}

    InformationsquelleAutor Slavenko Miljic

  4. 2

    Sicher, Sie können hinzufügen, eine andere stylesheet für den Druck, Siehe unten Beispiel

    <link href="print.css"  rel="stylesheet" type="text/css" media="print" />

    oder beim verlassen stylesheet, können Sie Medien hinzufügen-Abfrage

    @media print {
    .no-print {display: none;}
}

    Und hinzufügen .no-print-Klasse, wo Sie nicht wollen, zu drucken HTML-element

    InformationsquelleAutor Santosh Khalse

Schreibe einen Kommentar