CSS页码不起作用

Łuk*_*man 5 css printing css3

我试过玩CSS3的功能@pagecounter(page)功能,但我看不到任何页码添加到打印输出.无论我做什么,看起来这根本不起作用.

我的脚手架看起来像这样:

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <style type="text/css">
        @page {
           counter-increment: page;
           counter-reset: page 1;
           @top-right {
              content: "Page " counter(page) " of " counter(pages);
           }
        }
        </style>
<head>

<body>
        <div>

        Lorem ipsum dolor...
        /* this gets long, 2 pages of text */
        </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我正在测试它的方式是我在浏览器中打开页面,将其打印到PDF文件,最后我正在验证内容.在不同的浏览器中,输出有点不同,但我无法看到正确的页码.

操作系统:Linux Mint

浏览器:Chromium 25.0.1364.160,Firefox 20.0.1,Opera(最新来自包管理器)

有任何想法吗?

Joh*_*dle 1

浏览器对此的支持达不到标准。

新版本的 Firefox 支持 @page {margin: 2in},但不支持 @page 的其他参数。我相信其他浏览器也是如此。