为什么CSS3 @page规则不起作用？

Question

我正在尝试制作一个可以从我的WordPress网站轻松生成的打印报纸.我正在尝试为它设计打印模板,但为了控制特定页面,我需要使用该@page规则.

我阅读了本教程,其中提出了以下方法:

@page :left {
  @top-left {
    content: "Cascading Style Sheets";
  }
}

但是当我在Firefox 5(和Chrome 14)打印预览或打印时尝试此操作时,它不会在左上角打印任何内容.事实上,我似乎无法在@page规则范围内做任何事情.

我这样做错了还是这个CSS3功能还没有实现呢？

Answer 1

在前言之后,教程指出:

Web浏览器擅长处理屏幕上的像素,但不太适合打印.为了打印完整的书,我们转向Prince,这是一个专用的批处理器,它通过CSS将XML转换为PDF.Prince支持CSS2的特定于打印的功能,以及为CSS3提供的功能.

因此,教程代码首先不适用于浏览器的打印功能.

无论如何,正如我在评论中所说,我不会指望任何实现此目的的浏览器.现在每个人都对屏幕上发生的事情感到疯狂,就像动画一样.