2014-01-06 13 views
7

私はこのような単純な印刷のためのCSSがありますChromeはcss @pageをサポートしていませんか?

@page { 
    @top-left { 
    content: "TOP SECRET"; 
    color: red 
    } 
    @bottom-center { 
    content: counter(page); 
    font-style: italic 
    } 
} 

しかし、クローム印刷プレビューをしてPDFに保存するには、すべてでこれを認識していないようです。プルーニング時にヘッダーとフッターを正しく設定するにはどうすればよいですか?

EDIT:@pageをnone ref

によってサポートされている。しかし、私はこれを行うには他の選択肢があります。私はウェブサイトで働いていません。製品は、結果としてのみpdfが必要です。私は受け入れることができchromewebkitplantomjsなど私は、ページ媒体のCSS機能は、むしろ画面(ブラウザ)のために、レンダリングシステムに比べ、印刷のためのレンダリングシステムまたはの印刷機能のために主にあるかを決定することができますとしての近く

+1

これは、非常に単純なブラウザ仕様のCSS仕様の領域です。限られたブラウザの選択肢で、この質問への回答を得ることができます:http://stackoverflow.com/questions/15797161/browser-support-for-css-page-numbers –

+4

@StevenDon interesting、 '@ページはすべてではサポートされていません[ref](http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29)。なぜ、類似したコードを示しているウェブ上の投稿が多いのですか? – hbrls

答えて

0

ブラウザ。印刷用のHTML/CSSエンジンの例はPrinceです。したがって、@pageはブラウザでは動作しませんし、(私が知る限りは)意図していません。

+2

私は、Webプラットフォーム用に設計されたモジュールは、Webプラットフォーム*上でこのような機能*が必要であることを知らない人によって設計されたと信じるのは嫌です。あなたの平均的なWebユーザーはコマンドラインをほとんど知っていませんが、記事、ディスカッション、書籍、レポートなどを印刷する必要があることがよくあります。 – tuespetre

+1

あなたのご意見はまったく分かりません。このモジュールのデザイナーに当てはまると思われるものの妥当性は何ですか?ブラウザウィンドウはページングされたメディアではありません。 –

+2

ブラウザウィンドウはページングされたメディアではないが、ブラウザの印刷(および印刷プレビュー)機能はおそらく、プリンスとは異なり普遍的なものです。 – tuespetre

関連する問題