css - 浏览器对 CSS 页码的支持

Question

所以我知道这个选项:Page numbers with CSS/HTML .

到目前为止，这似乎是将页码添加到页面的打印版本的最佳方法，但我无法在任何地方使用这种方法的任何变体。我已经在我的 Windows 7 机器上尝试过 Chrome、Firefox 和 IE9。根据一些链接，它看起来像 Prince XML 这样的专有软件可能会支持它。网络浏览器是否支持打印版本？

我试过只制作一个空白的 html 文件，并在头部将其添加到两个样式标签之间:

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

我还简化了它，甚至只使用 content: "TEXT"; 来查看是否可以显示一些内容。这在任何地方都受支持吗？我所说的“this”是指 @page 和 @bottom-right 标签，因为我已经多次使用内容。

Answer 1

我也一直在尝试实现分页媒体，并且发现，根据这个维基百科页面，目前还没有浏览器支持边距框。难怪它行不通!

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)

请参阅表格、语法和规则、边距框部分。页边距框是页码以及运行页眉和页脚所需要的。实现这一点可以节省我将打印媒体转换为 PDF 的开销。