CSS中的奇数页

【问题标题】：Odd pages in CSSCSS中的奇数页
【发布时间】：2010-07-22 17:33:22
【问题描述】：

如何在打印时使用 CSS 在每个奇数页的左侧和每个偶数页的右侧放置背景图像？

我已经寻找了相当长的时间来解决这个问题。 W3C 提到 @page :left 但也说上下文只能用于边距。

查看 W3C CSS3 而不是 CSS2，我确实看到了一些可能有帮助的东西 (@page :left { @left-middle { content: url(..) }})。但它似乎不适用于我尝试使用的任何浏览器，即 Safari 和 FireFox。

【问题讨论】：

【解决方案1】：

CSS 打印总是很棘手，尤其是考虑到不同浏览器处理它的多种方式。

您是否考虑过将打印内容导出为类似 pdf 格式的打印处理更加一致的格式？

【讨论】：

我们可能还会有 PDF 版本，但最好同时拥有两者。如果我可以使用 Print->PDF 来制作 PDF，那就更好了。它可能是一个非常大的网页，所以不需要用户滚动，找到他们正在寻找的章节，搜索 PDF 按钮，打开 PDF，然后再次滚动到他们想要打印的章节。 .
也许您可以为每个章节创建一个单独的 pdf，然后为每个章节标题添加一个超链接，以打开该章节的 pdf - 然后让用户单击 pdf 中的“打印”以拿到章节了吗？