為與pagenumbers @page不起作用。在現在我正在尋找替代方案。

我發現一個 發貼人回答 Oliver Kohll 。?

我這就重新發帖,對這裡的每個人都能更輕鬆地找到它:

這個應答都要為不使用@page,是純CSS回答,卻工作在Firefox 20+版本。 下面是 鏈接的一個例子。

CSS是:#content {

display: table;

}

#pageFooter {

display: table-footer-group;

}

#pageFooter:after {

counter-increment: page;

content: counter(page);

}

而Html代碼是:

multi-page content here...

通過這種方式,你可以自定義你的頁號通過編輯parametrs #pageFooter 。 我的示例:#pageFooter:after {

counter-increment: page;

content:"Page " counter(page);

left: 0;

top: 100%;

white-space: nowrap;

z-index: 20px;

-moz-border-radius: 5px;

-moz-box-shadow: 0px 0px 4px #222;

background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);

background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);

}

這種技巧為我工作很好 希望它會對你有幫助。

Logo

一站式 AI 云服务平台

更多推荐