在每個html打印頁面上顯示頁腳

Question

我想在所有打印頁面上顯示頁腳，但僅在最後一頁顯示，沒有任何東西適用於我。如果任何人有想法。

我已經搜索了很多css的建議，但沒有爲我工作。我的技術只在最後一頁顯示頁腳。但我需要在所有可打印的頁面上顯示。

<style type="text/css"> 
html, body { 
    height: 98.5%; 
    width: 98%; 
} 
.wrapper { 
    min-height: 98.5%; 
    width: 98%; 
    height: auto !important; 
    height: 98.5%; 
    margin: 0.3in 0.5in -0.1in 0.5in; 
} 
.footer, .push { 
    margin-bottom: 0px; 
    height: 10px; 
    text-align: center; 
} 
.attachment-watermark-print { 
    font-size: 20px; 
    font-weight: bold; 
    opacity: .5; 
} 
</style> 

<div class="wrapper"> 
    <div id="content"></div> 
    <div class="push" style="clear: both;"></div> 
</div> 
<div class="footer"> 
<span id="spnWaterMark" class="attachment-watermark-print"> 
Printed from My System 
</span> 
</div> 

Answer 1

使用這個在你的CSS，

.attachment-watermark-print { 
position:absolute; 
bottom:0; 
font-size: 20px; 
font-weight: bold; 
opacity: .5; 
} 

和.footer類添加這些附加屬性，

.footer { 
    position:relative; 
}