打印媒体页脚 CSS 不适用于 Markdown 和 markdown-pdf答案

【问题标题】：Print Media Footer CSS Not Working With Markdown and markdown-pdf打印媒体页脚 CSS 不适用于 Markdown 和 markdown-pdf
【发布时间】：2013-12-29 05:14:50
【问题描述】：

我正在尝试使用 markdown-pdf 节点库从 Markdown 文档生成 pdf 文档。它正在生成 pdf，但我似乎无法让重复的页脚工作。

页脚位于文档末尾，代码如下：

<div id="footer">
    &copy; 2013 MyCompany
</div>

我所包含的 CSS 文件中包含以下内容：

@media print {
    #footer {
        position: running(footer);
    }
}

#footer {position: relative ; left: 0px; bottom: 0px; right: 0px; font-size:10px; }

这会在左下角的 html 页面上生成格式良好的代码，但测试不会在任何 pdf 页面上显示为页脚。

非常感谢任何帮助。

【问题讨论】：

标签： html css pdf markdown

【解决方案1】：

我认为可能有两个问题：

[1] markdown-pdf 不读取该元素，因为：

“一个正在运行的元素没有显示在它的自然位置；在那里它被视为已经设置了‘display: none’。[...]” -> W3.org

[2] markdown-pdf 不读取元素，因为它只为媒体打印定义。（也许在媒体屏幕上阅读了降价？）

我希望这些想法可以帮助到你。

可能的“解决方案”：

尝试媒体全部/屏幕
询问 alanshaw 是否支持运行元素（如果不使用您的相关 Css 设置）

【讨论】：