飛碟在第一頁隱藏頁眉和頁腳

Question

我一直在玩飛碟R8，並試圖隱藏頁眉和頁腳我的PDF。

我跟着那個hint試圖按照對內容W3C規範：（）元素(W3C running elements)在我的print.css。據介紹，以下內容應該可以解決我的問題：

@page { @top-center { content: element(header, first-except) }} 

但是看來這還沒有在R8中實現。所以我試着用設置字符串方法上面的方法。

#header { set-string: header content() } 
@page { @top-center { content: string(header, first-except) }} 

但沒有得到呈現，內容：字符串（）好像是壞了，因爲無論我擺在那裏不會被渲染：

@page { @top-center { content: "foo" string(header, first-except) }} /*broken*/ 
@page { @top-center { content: "foo" string(header) }} /*broken*/ 
@page { @top-center { content: "foo" }} /*works!*/ 

所以有沒有人一個想法如何獲得這工作？

Answer 1

好的，這個營養很簡單。我從飛碟複製它的手動來源link

我必須做到以下幾點：

添加第二個腳註沒有頁碼：

<div id="normalFooter" style="position: running(normalFooter);"> 
    <div class="footerContent">fancy stuff</div> 
    page <span class="page"/> of <span class="pagecount"/> 
</div> 
<div id="firstPageFooter" style="position: running(firstPageFooter);"> 
    <div class="footerContent">fancy stuff</div> 
</div> 

訣竅是CSS @頁：第一：

@page {  
    @bottom-right { 
     content: element(normalFooter); 
    } 
} 

@page :first {  
    @bottom-right { 
     content: element(firstPageFooter); 
    } 
} 

沒有爲除第一個所有頁面的頁腳正常，自帶與不同的頁腳。

Answer 2

這似乎適用於我。我最初錯過的關鍵是#cover元素上的字符串集屬性。它還顯示瞭如何做頁面計數器。即使沒有顯示頁腳，我的封面上的#cover元素也會導致頁面1上的計數器遞增。

 div.header { 
      display: block; 
      font-size: 8pt; 
      position: running(header); 
     } 

     div.header .project-date { 
      padding-left: 8px; 
     } 

     div.header .project-name { 
      padding-left: 4px; 
     } 

     div.footer { 
      font-size: 8pt; 
      display: block; 
      position: running(footer); 
     } 

     div.footer .page-number:before { 
      counter-increment: section; 
      content: counter(section); 
     } 


     @page { 
      size: 8.5in 11in; 
      margin: 1cm; 
      @top-center { content: element(header, last-except)} 

      @bottom-center { content: element(footer, last-except)} 

     } 

     #cover { 
      string-set: footer header; 
      counter-increment: section; 
     }