浏览器对CSS页码的支持

Question

所以我知道这个选项：CSS / HTML的页码。

到目前为止，这似乎是将页码添加到页面的打印版本的最佳方法，但是我无法对此进行任何修改。我已经在Chrome，Firefox和IE9的Windows7计算机上尝试过。基于某些链接，Prince XML等更专有的软件可能会支持此功能。Web浏览器是否支持打印版本？

我尝试制作一个空白的html文件，然后在两个样式标签之间添加该文件：

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

我什至还简化了它，甚至只是content:"TEXT";用来查看是否可以显示一些东西。在任何地方都可以支持吗？因为我已经获得了很多次可以工作的内容，所以我用“this”来特别表示@pageand @bottom-right标记。

Answer 1

这似乎不再起作用。 似乎只能使用很短时间，并且浏览器支持已删除！

必须先重置计数器。

您可以将起始号码设置为任何数字，默认值为0。

例：

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

… 理论上。在现实世界中，只有PrinceXML支持此功能。