Я сгенерировал номера страниц, используя css в pdf, используя java, когда я нажимаю на выбранный список, он переходит на конкретную страницу, но я хочу отображать номера страниц после того, как ссылка не работает сtarget_counter, поскольку itextpdf не распознает его.Есть ли другой CSS, который делает то же самое?
#content {
/* display: html; */
}
#pageFooter {
display: table-footer-group;
}
#pageFooter:after {
counter-increment: page;
content:"Page " counter(page);
left: 0;
top: 100%;
white-space: nowrap;
z-index: 20;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
}
//Not working
ol.anchorLink a::after {
content: leader('.') target-counter(attr(href), page);
}
<html>
<head>
<h1>Example</h1>
</head>
<body>
<div id="content">
<div id="pageFooter">
BODY
<ol class='anchorLink'>
<li><a href='#gro_0' class='anchorLink'>CSBG Cover Page (SF-424M)</a></li>
<li><a href='#grou3_0' class='anchorLink'>Section 1: CSBl State er</a></li>
<li><a href='#grou8572_0' class='anchorLink'>Section 2: Stion</a></li>
<li><a href='#gr576_0' class='anchorLink'>Section 3: StaGoals</a></li>
<li><a href='#gr86_0' class='anchorLink'>Section 4: CSirements</a></li>
<li><a href='#gr81_0' class='anchorLink'>Section 5: Ces</a></li>
<li><a href='#gr8667_0' class='anchorLink'>Section 6: Orgale Entities</a></li>
<li><a href='#gr92_0' class='anchorLink'>Section 7: Stads</a></li>
<li><a href='#g06_0' class='anchorLink'>Section 8: State Traince</a></li>
<li><a href='#g660_0' class='anchorLink'>Section 9: State Ltion</a></li>
<li><a href='#gr13_0' class='anchorLink'>Section 10: Monitiscal Controls</a></li>
<li><a href='#gro01_0' class='anchorLink'>Section 11: Elig Board</a></li>
<li><a href='#g56_0' class='anchorLink'>Section 12: Indquirements</a></li>
<li><a href='#g8628_0' class='anchorLink'>Section 13: ility (ROMA) System</a></li>
<li><a href='#gro8620_0' class='anchorLink'>Section 14</a></li>
<li><a href='#gro33_0' class='anchorLink'>Section 15</a></li>
</ol>
</div>
</div>
</body>
</html>