7

我一直在玩飞碟 R8，并试图从我的 PDF的首页隐藏页眉和页脚。

我按照该提示尝试遵循 W3C 的内容规范：我的 print.css 中的 element() （W3C 运行元素）。描述以下应该解决我的问题：

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

但似乎这还没有在 R8 中实现。所以我用set-string方法尝试了上面的方法。

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

但是什么都没有被渲染，content: string()似乎被破坏了，因为我放在那里的任何东西都不会被渲染：

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

那么有没有人知道如何让它工作？

4

2 回答 2

15

好的，解决方案很容易。我从飞碟手册来源链接中复制了它

我必须执行以下操作：

添加第二个没有页码的页脚：

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

诀窍是 CSS @page :first :

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

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

除了第一个页面外，所有页面都有一个正常的页脚，它带有不同的页脚。

于 2012-01-10T16:23:18.010 回答
0

这似乎对我有用。我最初错过的关键是#cover 元素上的字符串集属性。它还显示了如何进行页面计数器。#cover 元素在我的封面上，导致计数器在第一页上增加，即使页脚没有显示。

        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;
        }
于 2013-04-05T17:39:41.223 回答