2010-01-12 57 views

回答

3

我不認爲這是可以做到的(除非像marcgg指出的那樣,用CSS3,但是在使用上還不夠廣泛)。

你可以通過插入與page-break-afterpage-break-before屬性的元素給瀏覽器的一些指點,但不會給你合計約什麼樣的方式你的網頁被印在確定性。

根據您的佈局,你可能會能夠通過放置一個絕對定位的圖像相對於具有page-break-before: always的元素來解決問題。不過,我從來沒有嘗試過,而且你必須玩弄它,看看它是否有好處。

背景圖像顯然不是一種選擇,因爲在我知道的所有瀏覽器中,它們被默認排除在外。

我想如果你想獲得可靠的水印,你將不得不求助於生成PDF文件,例如使用基於PHP的fpdf庫。

+0

好的CSS技巧來處理這種情況。 – kta 2013-02-12 23:26:37

3

AFAIK,這是不可能的。如果沒有ActiveX控件或其他插件,普通JavaScript無法與您的打印機進行交互以確定設置,頁碼或任何其他內容。

在某些瀏覽器中,您可以使用CSS來指定頁面將中斷的位置並以這種方式跟蹤頁碼,但您必須依靠用戶不要放大頁面或增大頁面的文本大小他們打印。

8

我建議您閱讀this article by A List Apart

@page front-matter :left { 
    @bottom-left { 
    content: counter(page, lower-roman); 
    } 
} 

(這使用CSS3)

+2

+1,很好知道將來使用。 – 2010-01-12 19:49:08

+1

它是否支持任何瀏覽器? – Jaro 2013-05-30 11:27:53

+0

@Jaro不,完全沒有。只有現代瀏覽器支持這一點 – marcgg 2013-05-30 20:35:59

4

考慮,即使有些標準紙張大小不同(字母與A4),這是不是真的可行。我通常需要生成PDF當我需要這種控制時。