Как выбрать страницу nth() раздела документа с помощью PDFreactor?

Question

Я оцениваю PDFreactor для получения PDF из HTML & CSS.

Однако у меня возникла проблема - мне нужно установить фоновое изображение страницы для 1-й, 2-й и 3-й страниц раздела документа. Единственный способ, который кажется возможным (глядя в PDFreactor manual), - явно указать номер страницы фиксированного документа, а не число, относящееся к разделу документа.

CSS Generated Content for Paged Media Module предлагает использовать эти обозначения;

CSS:

@page:-nth(1 of PPSid1117) { 
    background: url("http://example.com/bg1-section1.png") no-repeat center center; 
} 
@page:-nth(2 of PPSid1117) { 
    background: url("http://example.com/bg2-section1.png") no-repeat center center; 
} 
@page:-nth(3 of PPSid1117) { 
    background: url("http://example.com/bg3-section1.png") no-repeat center center; 
} 

#PPSid1117 { 
    page: PPSid1117; 
} 

HTML:

<div id="PPSid1117">Up comes 10 pages of lorem ipsum, the first three pages having different backgrounds... etc etc ...end of section.</div> 

Но это не работает на всех - он бросает ошибку синтаксического анализа;

Parse error in resource "main_css.php?doc=50" 
Encountered '1' at position 11 in rule '@page:-nth(1 of PPSid1117) 

BTW, -ro-nth НЕ ВЫДАВАЕТ ошибку, но все еще не работает - т.е.

@page:-ro-nth(1 of PPSid1117) { 
    background: url("http://example.com/bg1-section1.png") no-repeat center center; 
} 

Этот код помещает его на каждой левой страницы раздела (так это доказывает, названный Селектор страница работает на базовом уровне), но это не то, что я хочу вообще.

@page PPSid1117:left { 
    background: url("http://example.com/bg1-section1.png") no-repeat center center; 
} 

Это работает, но это означает, что мне нужно жестко закодировать номер страницы. Не то, что я хочу сделать ...

@page:-ro-nth(4) { 
    background: url("http://example.com/bg1-section1.png") no-repeat center center; 
} 

Это ставит его на странице 1 этого документа, а не страницы 1 раздела.

@page PPSid1117:-ro-nth(1) { 
    background: url("http://example.com/bg1-section1.png") no-repeat center center; 
} 

Это делает то, что я хочу в Prince XML.

#PPSid1117 { 
    page: PPSid1117; 
    prince-page-group: start; 
} 

@page PPSid1117:nth(1) { 
    background: url("http://example.com/bg1-section1.png") no-repeat center center; 
} 

У кого-нибудь есть полезные советы? Благодарю.

Answer 1

Если вы хотите установить фон для первой, второй и третьей странице это так просто, как определение

@page :nth(1) { 
    background: url(path/to/img) 0 0 no-repeat; 
} 

@page :nth(2) { 
    background: url(path/to/img) 0 0 no-repeat; 
} 

@page :nth(3) { 
    background: url(path/to/img) 0 0 no-repeat; 
} 

Это, безусловно, работает с PrinceXML и если PDFReactor работает с W3C спецификации, он должен работать также.