导出为 PDF 时，Firefox 会剪切底部 div，以在每个页面上提供版权信息答案

【问题标题】：When exporting as PDF, Firefox clips bottom div intended to provide copyright message on every page导出为 PDF 时，Firefox 会剪切底部 div，以在每个页面上提供版权信息
【发布时间】：2011-01-09 13:54:24
【问题描述】：

使用老式的 Eric Meyer 建议，这是我正在使用的 CSS：

#print-footer {display: block; position: fixed; bottom: -20px ; overflow: visible;}

我试过了：

将底部：-20px 更改为 0px 并为包含内容的元素分配“填充：50px”，即 .dokuwiki、.clearfix、#wrap、body、html。
在页面设置中更改 Firefox 的边距。
试用 Google Chrome for Mac 或 Safari Mac。
将包含内容的元素的背景颜色更改为无或透明。
将包含内容的元素的 z-index 更改为小于 #print-footer 的 z-index

每当我更新此文档时，将其带入 Adobe Acrobat 实在是太痛苦了。

有什么想法吗？

谢谢，保罗

【问题讨论】：

标签： css printing

【解决方案1】：

感谢您抽出宝贵时间，UberNeet。

我实际上在这个问题上花了很多时间。这里的主要问题是几乎所有浏览器都不支持@page（我认为Opera是一个例外），即使它是CSS 2.X规范： http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29#Grammar_and_rules

我正在研究 CSS 3 规范： http://www.w3.org/TR/css3-page/#page-size-prop

...还有一些更有用、打印友好的功能，我只能梦想浏览器会支持这些功能。

例如：

@page {
  @bottom-center {
    content: "Copyright 2003-2010 Autoimmunity Research Inc.";
    color: #b31b1b;
    font-size: 11px;
    font-family: verdana;
    margin-bottom: 10px;
  }
}

所以我最终做的是使用地球上为数不多的支持 CSS3 的程序之一：PrinceXML。

PrinceXML 太棒了！我所要做的就是在我的 Mac 上下载并安装它，然后在我的终端中输入：

/Users/myaccount/prince/bin/prince http://mpkb.org/doku.php/home:1 -o /Users/my account/Desktop/final.pdf

我得到了格式完美的 PDF。很酷，不是吗？

顺便说一句，对于想要做一些花哨的事情（例如目录）的人，您应该查看这篇文章： http://www.alistapart.com/articles/boom

好吧，无论如何，希望这对其他人有帮助。

保罗

【讨论】：

【解决方案2】：

我在打印 CSS 方面的经验有限，但试试这个：

@page {
   margin-bottom: 4cm;
}

#print-footer {
   display: block;
   position: fixed;
   bottom: -10px;
}

我能够获得每个页面的版权，但它与内容重叠，我无法让 @page 属性正常工作。以下是您可以尝试的一些方法。

@page copyspace { margin: 5cm; }

body { page: copyspace; }

#print-footer { ... }

【讨论】：