Ich habe eine Webseite mit zwei Stylesheets:
%Vor%Die Druckstile funktionieren gut mit Chrome, Safari, Firefox und IE9, brechen aber komplett in IE7 und IE8. Bestimmte Bilder, die versteckt werden sollten, sind nicht, andere, die sichtbar sein sollten, nicht. Es sieht nach einem Durcheinander aus, trotz der Tatsache, dass, wenn ich beide Stylesheets für den Bildschirm in IE7 und IE8 lade, alles genau so aussieht, wie ich es erwarte.
Ich kann leider nicht mit der Seite verlinken, da es sich um eine Kundenseite handelt, aber ich fange hier nach Strohhalmen, wenn jemand Ideen hat.
Es stellte sich heraus, dass HTML5-Elemente beim Drucken nicht ordnungsgemäß gerendert wurden und die HTML5-Seite standardmäßig nicht unterstützt.
Zum Glück für mich (und Sie) gibt es ein IE-Druckschutz-Plugin von Alexander Farkas hier: Ссылка
>BEARBEITEN:
Sieht so aus, als hätte Modernizr jetzt eine Print-Shiv-Option, wenn Sie Modernizr für all Ihre Shiv-Ins (ein ganzes Wort) brauchen: Ссылка
Ich denke, Sie müssen die Druckstile als alternative bezeichnen ...
%Vor%Eigentlich finde ich das falsch, aber ich verlasse es.
Sie können versuchen, die Medienattraktion für den Druckstil auf Alle zu ändern und dann alles in das Stylesheet in der Printmedienabfrage einzufügen:
%Vor%Es ist wirklich ein Schuss in die Dunkelheit, ohne Ihr CSS und Markup zu sehen, oder zumindest einen anständigen Teil davon!
Es gibt Probleme mit Druckelementen mit position:absolute oder fixed , wie in den Kommentaren zu dieser msdn-Artikel ; was bedeutet, dass Sie sie manuell umstellen sollten (setzen Sie position:static oder blenden Sie die Elemente möglicherweise komplett aus). Eine hardcore Art, damit umzugehen, wäre das Hinzufügen von
zu deinem print.css ; aber seine Angemessenheit hängt von der Seitenkomplexität ab und davon, wie sie gedruckt werden soll (d. h. nur Text, Kopfzeilen und ein Logo oder eine richtig gestaltete Erfahrung).
Wenn Sie sich noch nicht für die Druckerfahrung entschieden haben, die Sie erstellen möchten, sollten Sie einen anderen großartigen Artikel auf alistapart lesen nur darauf konzentrieren!
FYI Ich hatte dieses Problem in IE9 und'alternate ', d. h.
%Vor%hat in IE9 für mich funktioniert!
Tags und Links internet-explorer css internet-explorer-8 print-style