2011-07-25 10 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は、CSS3のために提案された機能だけでなく、CSS2の印刷特有の機能もサポートしています。

したがって、チュートリアルコードは、最初にブラウザの印刷機能で使用するためのものではありません。

いずれにしても、私がコメントで述べたように、これを実装しているブラウザはまだカウントされません。誰もがアニメーションのような画面上で起こっていることについて今は夢中です。

+0

もご覧ください。現在実装されていないだけです。 –

+0

@Chris Morgan:とにかくチュートリアルのコード。編集されました。 – BoltClock

関連する問題