解決網頁列印無法呈現背景圖片問題

之前寫了列印網頁指定區塊的功能,但最近才發現,在列印預覽時,背景圖片(寫在css)有時可正常顯示,有時候無法顯示。經過一番測試發現好像網頁還沒完全載入,列印預覽視窗已經跳出,所以直接列印出來也就不會有背景圖。

為了確保網頁完全載入才跳出列印視窗,最後將window.print()寫在window.onload事件觸發時才呼叫,如此一來就正常顯示背景圖了。

另外在測試的程過中,試過以setTimeout()延遲呼叫window.print(),但此方法有缺點,如果在設定的時間內,網頁的css、圖片還沒載入完成,還是會發生看不到背景圖的狀況。

最後還是將window.print()寫在window.onload事件為佳。

留言

這個網誌中的熱門文章

工具-使用Notepad++編輯XML文件

不負責的Google Drive 介面語系問題排解

LimeSurvey安裝筆記