CSS: Deaktivieren Sie Kopf - & Fuß Aus der seitenansicht Chrom
eines meiner Anwendung ist eine web-basierte POS(Point Of Sale). also beim Druck von Rechnungen in Chrom.
die Kopfzeile und die Fußzeile der Seite automatisch eingefügt, indem Sie die browser, die ich will, zu unterdrücken über die Seite und ohne eingreifen des Benutzers..
Bewarb ich mich einige CSS über-hier in print-Medien,
@media print {
#header, #footer {
visibility: hidden !important;
display: none !important;
}
}
Aber es ist nicht die Anwendung, vielleicht ist der Selektor nicht richtig?
Und ich habe auch versucht, durch eine Verringerung der Marge als gut, aber die schneiden/überschreiben der page-content, wenn drucken über mehrere Seiten..
Und eine weitere Sache, die ich nicht wollen, deaktivieren Sie die option für die Druckvorschau für chrome..
Jemand hat eine gute Lösung dafür?
Beste Grüße..
- dein code sieht gut aus, obwohl
visibility
redundant ist. Prüfen Sie, ob Ihr-und Fußzeile haben, die in der id übereinstimmen, die Sie auch mit css-Selektor. - Bin eigentlich nicht in der Lage zu kontrollieren die header-und footer id oder Klasse in der Druckvorschau...Könntest du bitte versuchen an deiner Seite..?
- lol, also du meinst nicht die Kopf-und Fußzeile, aber Kopfzeile/Fußzeile ? tut mir Leid, Sie können nicht ausblenden per css, aber Sie können konvertieren Sie Ihre Seite in pdf oder doc, die es erlauben, eine viel bessere Kontrolle über drucken, und schicken Sie das Dokument zum Drucker.
- Seine POS-Maschine..also jedes mal, wenn Ihr nicht fisible die Option Kopf-und Fußzeile, oder erstellen Sie pdf-oder doc, und dann die Feuer-Taste "drucken". Ist eine andere Lösung haben Sie?
- dann einfach die Konfiguration des Druckers nicht drucken Kopf - /Fußzeile. Alle Browser unterstützen dies jedoch, soweit ich weiß. Und hinzufügen, ändern dieser Einstellung an Ihren Installateur, oder Bereitstellung-Handbuch.
Du musst angemeldet sein, um einen Kommentar abzugeben.
verwenden
in der css-script. Dies wird wahrscheinlich werfen Sie Ihr Seitenlayout beim drucken, so dass Sie wahrscheinlich wollen, fügen Sie eine #div-container mit der richtigen Polsterung, um Ihre Seite gut Aussehen wieder. Nur getestet auf Google Chrome.
. . Ich bin mir nicht sicher, wie kompetent Sie sind in der Entwicklung, aber die CSS-selectores übereinstimmen müssen einige Elemente. Die [Seite] "header" und [Seite] "footer", wie in "[gedruckt] Seite", nicht wie in "[web] Seite", können nicht anvisiert werden, die durch CSS so-vor allem nicht mit einem willkürlich gewählten IDs, und diejenigen, die würden wahrscheinlich stoßen Sie mit Ihren eigenen Seiten-IDs und, dass browser-Anbieter nie akzeptieren würde, zu implementieren.
. . Der Vorschlag, mit "margin: 0 auto;" auf ein "@page" - Direktive ist eigentlich richtig (da der browser nicht genügend Marge für Sie zu zeigen, wird es nur ausblenden). Das problem ist, dass derzeit nur von Chrome unterstützt es richtig. Mit anderen Browsern haben Sie keine gute Möglichkeiten, neben dem erstellen einer PDF-Datei und drucken Sie es. Sie können selbst erstellen druckfähige PDF-Datei, zeigen Sie das Dialogfeld drucken, sobald es lädt mit JavaScript eingebettet auf Sie, obwohl, aber ich denke, es ist am weitesten, die Sie gehen können.
. . Viel Glück.