Chiếc đĩa bay giấu đầu trang và chân trang trên trang đầu tiên

Question

Tôi đã chơi với chiếc đĩa bay R8 và cố gắng ẩn đầu trang và chân trang từ trang chính của PDF của tôi.

Tôi đã theo dõi hint đã cố gắng tuân theo thông số kỹ thuật của W3C cho nội dung : element()(W3C running elements) trong print.css của tôi. Nó được mô tả rằng sau đây nên giải quyết vấn đề của tôi:

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

Nhưng có vẻ như điều này chưa được thực hiện trong R8. Vì vậy, tôi đã thử phương pháp trên với phương pháp thiết lập chuỗi.

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

Nhưng không có gì được kết xuất, nội dung: string() dường như bị phá vỡ, vì bất cứ điều gì tôi đặt trong đó sẽ không được hiển thị:

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

Vì vậy, có ai có ý tưởng làm thế nào để có được điều này làm việc?

Answer 1

Ok, linh hồn thật dễ dàng. Tôi sao chép nó từ chiếc đĩa bay của nhãn hiệu nguồn link

tôi phải làm như sau:

thêm một chân thứ hai mà không có đánh số trang:

<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> 

Bí quyết là CSS @page: đầu tiên:

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

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

Có chân trang thông thường cho tất cả các trang trừ trang đầu tiên với một chân trang khác.

Answer 2

Điều này có vẻ phù hợp với tôi. Điều quan trọng tôi bỏ lỡ ban đầu là thuộc tính chuỗi-set trên phần tử #cover. Nó cũng cho thấy làm thế nào để làm các truy cập trang. Phần tử #cover nằm trên trang bìa của tôi khiến bộ đếm tăng lên trên trang một mặc dù chân trang không được hiển thị.

 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; 
     }