2011-07-25 25 views
5

我想製作一份印刷報紙,很容易從我的WordPress網站上生成。我試圖爲它設計打印模板,但爲了控制特定頁面,我需要使用@page規則。爲什麼CSS3 @page規則不起作用?

我讀this tutorial,這表明類似的方法:

@page :left { 
    @top-left { 
    content: "Cascading Style Sheets"; 
    } 
} 

但是當我嘗試這樣在Firefox 5(和Chrome 14)打印預覽或打印,它不打印在左上角的任何東西。實際上,我似乎無法在@page規則中做任何事情。

我在做這個錯誤還是這是一個尚未實現的CSS3功能?

+0

'@ page'的CSS2版本部分實現了,所以如果瀏覽器廠商還沒有對CSS3版本做過多的工作,我不會感到驚訝。 – BoltClock

+0

另請參閱https://developer.mozilla.org/en/CSS/@page –

回答

6

剛前言後,本教程中指出:

Web瀏覽器都善於與像素的屏幕上處理,但在打印時不是很好。要打印一本完整的書,我們轉向Prince,這是一個專用的批處理器,它通過CSS將XML轉換爲PDF。 Prince支持CSS2的特定打印特性以及爲CSS3提供的功能。

因此,教程代碼首先不適用於瀏覽器的打印功能。

在任何情況下,正如我在我的評論中所說的,我不會指望任何實現此功能的瀏覽器。每個人都對現在發生在屏幕上的東西感到瘋狂,比如動畫。

+0

確實如此。目前尚未實施。 –

+0

@Chris Morgan:無論如何,教程中的代碼。編輯。 – BoltClock

相關問題