Bilder werden nicht angezeigt, wenn die Druckvorschau (Oder Print) in IE/Chrome/Firefox
Ich bin Web-Entwickler und arbeite so gut wie nie mit design, sondern haben diese Fehler, die ich bin kämpfen, um Sie zu beseitigen.
Einige Bilder korrekt angezeigt, wenn ich drucken/anzeigen der Druckvorschau-Seite, aber andere nicht. Der wesentliche Unterschied, dass ich sehen kann, ist, dass die Bilder, die nicht angezeigt werden span-tags mit dem Bild angewendet in css während der Arbeit Bilder mit dem img-tag.
Hier sind einige Beispiele von html:
Span mit "Symbol" Geburt nicht display:
<li class="media">
<div class="img">
<div class="h2 mtm">1889</div>
<span class="timeline-icon icon-birth"></span>
</div>
<div class="bd">
<h3 class="profile-subtitle mts">Born in ?</h3>
<p class="deemphasis mbn">
<a href="/search/results/bmdindexedbirths/bibby/elizabeth%20?yearofbirth=1889">Search for Birth Record</a>
</p>
</div>
</li>
Image.gif hat display:
<li class="media">
<div class="img">
<div class="h6">
<strong>Spouse</strong></div>
<img src="image.gif" alt="" class="person-thumb dropshadow" />
</div>
<div class="bd">
<p class="mbn">Husband</p>
<h3 class="profile-subtitle">
<a href="path">Thomas <strong>Name</strong></a>
</h3>
<p class="mbn">?-?</p>
</div>
</li>
In einigen Browsern sieht es ok aus, in der Vorschau aber nicht gedruckt wird, in anderen nicht und immer noch nicht drucken.
Danke im Voraus!
- Die Bilder nicht zu drucken, wie Sie waren, hintergrund-Bilder und der Browser wurden nicht drucken diese. Dies kann manuell geändert werden in einigen Browsern. Lösung war die Verwendung von html-img-tags anstelle der span.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich hatte das gleiche problem vor zwei Monaten. Ich hatte eine Schaltfläche, die Weiterleitung von Benutzern zu einer Drucker-freundlichen Seite, und dann ich ausgelöst drucken-dialog per Javascript.
War das problem, dass der Browser nicht warten, bis angegebenen Bilder in CSS-hintergrund heruntergeladen wurden.
Ich legte timeout vor Auslösung der drucken-dialog zu geben browser Zeit, um Bilder herunterzuladen. Dieser Ansatz ist nicht zuverlässig, da Sie niemand hat einen Konstanten download-Geschwindigkeit und es würde öffnen Sie den dialog drucken, bevor die Bilder heruntergeladen werden, um Nutzer mit sehr langsamen Internet-Verbindung.
Bin ich am Ende der HTML -
img
tags zum einbetten der Bilder auf meiner Seite und jQuery zum auslösen der Druck-dialog, wenn das Letzte Bild heruntergeladen wird.Müssen Sie legen Sie die Verzögerung, bevor Sie drucken. Es ist eine native bug in chrome. Code würde wie unter :-
Fügen Sie einfach das unten Stile zu machen, arbeiten, img{max-width:100%;height:auto;}
Seine die Breite des Bildes wird auf 0 gesetzt in den drucken, die das Problem verursacht.
machen Sie ein Druck-stylesheet, stellen Sie Ihren span auf display:block