我需要完成什么
我有一个打印在纸上的网页。在屏幕上查看时,我不想要任何页脚。当打印在纸上时,我希望除了最后一页之外的每个人都出现相同的页脚,并且最后一页有不同的页脚。理想情况下,这将支持现代浏览器,但也适用于 IE 7/8。
到目前为止我所拥有的
<!DOCTYPE html>
<html>
<head>
<title>Test of paging</title>
<style type="text/css">
.page_footer {
display: none;
page-break-after: always;
}
.last_page_footer {
display: none;
}
@media print {
.page_footer {
display: block;
position: absolute;
bottom: 0;
page-break-after: always;
}
.last_page_footer {
display: block;
position: absolute;
bottom: 0;
}
}
</style>
</head>
<body>
<div>One</div>
<div class="page_footer">Not last footer</div>
<div>Two</div>
<div class="page_footer">Not last footer</div>
<div>Three</div>
<div class="page_footer">Not last footer</div>
<div>Four</div>
<div class="last_page_footer">Last footer</div>
</body>
</html>
目前,它显示为一页,所有页脚在底部重叠。如果我注释掉位置值,它们会显示在单独的页面上,但页脚文本不会到底部。