2014-03-27 7 views
5

erstelle ich eine PDF-Datei mit einem großen Hintergrundbild auf dem Body-Tag (php Bibliothek mPDF verwenden):mPDF - schlecht Hintergrund-Bildqualität in Firefox PDF-Viewer

body { 
    background: url("..path/to/bg.jpg") center no-repeat; 
    background-size: cover; 
    background-image-resize: 6; 
    background-image-resolution: 300dpi; 
} 

Es sieht ganz gut in chromes, IEs und akrobaten pdf viewer, aber schrecklich in FF: enter image description here

Irgendeine Idee, wie ich das für Firefox handhaben kann? Ich spielte mit dem CSS, Breite und Höhe verwenden, verschiedene Auflösungen, Einbetten als .svg, aber ohne Erfolg.

+0

Das gleiche Problem hier. Ganzer Seitenhintergrund ist verschwommen und es gibt auch ein Skalierungsproblem: Breite und Höhe betragen nur 25% der Seite. Ich denke, dass es heute keine Lösung gibt, es sieht aus wie ein pdf.js Fehler und wir müssen auf ein Update warten ... (Zumindest sollten Sie eine Nachricht haben: Diese PDF wird nicht richtig angezeigt, oder so. ..) – FLX

+0

Ich schaute in Firefox jeden Abend, der Maßstab Bug auf gedruckten PDF ist behoben, Bug der unscharfe Hintergrund ist immer noch hier. Es ist nur eine Frage der Zeit. – FLX

+0

Scaling funktioniert gut für mich. Fürs Erste habe ich ein absolut positioniertes Bild erstellt, das im Hintergrund über den Z-Index gesetzt wird. Funktioniert gut. – xsonic

Antwort

11

Es wird durch einen Fehler in Firefox pdf.js verursacht, der sich manifestiert, wenn PDF-Dateien von mpdf mit background: no-repeat auf seiner HTML-Quelle generiert wurden.

Als eine Problemumgehung, die Beseitigung der no-repeat Eigenschaft vermeidet den Fehler.

+0

Danke :) Es ist mein Problem Mate gelöst. – kaleem