在某些页面上显示页脚

Question

我使用以下内容：

<style type="text/css" media="screen">
     div#print-footer {display: none;}
</style>
<style type="text/css" media="print">
     div#print-footer {display: block; position: fixed; bottom: 0;}
</style>

页脚的div是：

<div id="print-footer"><p>blah blah</p></div>

效果很好，但由于我有多个页面，因此每页都会打印。我想在某些页面上看到它。 Oy公司！所以，我把页面分成了单独的html文档，但也没有用。然后在偶数页面上我将div更改为：

<div id="print-footer">&nbsp;</div>

但它忽略了它并打印了第一个。

有什么建议吗？

谢谢， 埃文

Answer 1

具有位置：固定的元素将在每个打印页面上呈现。请参阅：http://reference.sitepoint.com/css/position

如果您不希望页脚出现在每个打印页面上，请使用底部的绝对定位：0