具有保證金的CSS打印背景

Question

我正在嘗試製作適合打印的簡歷。除了關於背景圖像的問題之外，一切都在起作用。

我不希望有打印頁面上的任何保證金，否則背景圖像看起來很亂： https://www.dropbox.com/s/h2zttd8u6r6hq0g/Screenshot%202015-01-08%2014.38.14.png?dl=0

但是，如果我不使用任何空間，背景看起來不錯，但我不能做第二（或其他網頁）的任何保證金： https://www.dropbox.com/s/16vgu3nahfgeipr/Screenshot%202015-01-08%2014.38.55.png?dl=0

body { 
    margin: 30px 0; 
} 

，對於第一頁的工作，但不幸的是這並沒有任何分頁符工作。有沒有辦法在打印頁面的頂部/底部進行填充/頁邊距？

編輯：對不起，猙獰的例子，但是這基本上代碼： http://jsfiddle.net/yugv84qw/

如果按下打印和保存爲PDF（在Chrome中至少），你會看到，背景填充整個頁。但是，如果包含

@page { 
    margin: 1cm 0; 
} 

您會看到我希望的邊距有效，但後面的背景也會使用該邊距。換句話說：我希望背景保持頁面填充狀態，而每個頁面上都有一個頂部和底部的文本邊距。

Answer 1

你還算由供應商實施CSS paged media module的，這麼說，你可以使用該模塊使用:first僞選擇器爲目標的第一頁的限制，如：

@page:first { 
    margin: 0 
} 

應該支持/缺乏實現證明是一個問題 - 您需要求助於將您的內容添加到與輸出頁面尺寸匹配的一系列元素中，然後在第一個元素上刪除邊距/填充。

不幸的是，即使在今天這樣的時代，對網絡打印的控制也不是一個容易的過程。