2014-03-27 42 views
5

我創建一個PDF(使用PHP庫MPDF)與body標籤全尺寸的背景圖片:MPDF - 在Firefox PDF瀏覽器壞背景圖像質量

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

它看起來只有精細的鉻合金,IE的和雜技演員pdf查看器,但在FF可怕: enter image description here

任何想法我可以如何處理這個Firefox? 我玩CSS,使用寬度和高度,不同的分辨率,嵌入爲.svg,但沒有成功。

+0

同樣的問題在這裏。 整頁背景很模糊,還有一個比例尺問題:寬度和高度只有頁面的25%。 我認爲今天沒有解決方案,它看起來像一個pdf.js錯誤,我們必須等待更新... (至少你應該有一個消息:這個PDF不能正確顯示,或者什麼。 ..) – FLX

+0

我每晚都在看firefox,印刷pdf上的刻度bug是固定的,bug模糊的背景還在這裏。這只是時間問題。 – FLX

+0

縮放對我來說工作正常。目前,我已經創建了一個絕對定位的圖像,通過z-index在背景中設置。工作正常。 – xsonic

回答

11

這是由於Firefox的pdf.js中的一個錯誤引起的,該錯誤表明PDF格式文件是由mpdf生成的,其源代碼爲background: no-repeat

作爲解決方法,刪除no-repeat屬性可以避免該錯誤。

+0

謝謝:)它解決了我的問題隊友。 – kaleem