Fab*_*ger 13 html css printing header footer
我正在努力为我们的Mediboard项目提供完整的HTML页眉/页脚打印功能.
从长远来看,我知道CSS3 Page Media模块将满足我的需求,但距离至少还有两三年的时间.
因此我尝试使用CSS2功能,它几乎可以在这个可打印的文档中看到.然而,我仍然在页脚下打印内容的页脚有限(参见第3-4页打印预览).
虽然我很确定div.body的填充底部曾经使它在Firefox 2中运行.
无论如何,有人有一个棘手的线索来帮助我解决这个问题吗?
编辑:为了让更多的细节,我们目前使用定位元素有页眉和页脚position: fixed,有top:0或bottom:0取决于它是否是一个页眉或页脚.这很有效,在打印时,这些元素会在每个页面的正确位置重复出现(请参阅"可打印文档"示例).唯一的问题是当发生分页时,文本会在这些元素后面绘制(参见第3/4页)
EDIT2:更新了文档的URL
小智 -3
您最有可能希望实现媒体类型。请参阅http://www.w3.org/TR/CSS2/media.html了解更多信息。您可以使用一张没有浮动页脚的 CSS 表单来进行打印,而另一张则用于屏幕。
<LINK REL="stylesheet" TYPE="text/css"
MEDIA="print, handheld" HREF="foo.css">
这是一个例子。
如果不需要,您还可以考虑使页脚在打印页面上不可见。