html - css3 运行标题不工作

标签 html css pdf

我似乎无法让正在运行的 header 正常工作。以下是我页面上的 CSS:

@page { 
    size: letter;
    margin: 0.5in;
    @top-center {
        content: element(header)   
    }
}

#mainTitle {
    position: running(header);
}

当我打印成 PDF 时,在预览中我看到我的 mainTitle 在第一页的标记中,但没有出现在后续页面上。我做错了什么?

浏览器:Chrome,操作系统:OSX

最佳答案

我想通了。显然,我正在运行的 OSX 版本 (10.8.4) 在 native “保存为 PDF”操作中不支持 CSS3 的 GCPM。当我使用支持它的 PDF 转换器 (Prince XML) 时,它工作得很好。

关于html - css3 运行标题不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17622599/

相关文章:

javascript - 使用 jquery 创建动态 html 页面

javascript - 如何使用 *ngFor 循环的 Angular 在表的 <td> 字段内使用 *ngIf 条件?

css - 在调整容器内堆叠 div 元素

CSS 特异性 : Why isn't CSS specificity weight of 10 or more class selectors greater than 1 id selector?

javascript - 如何在触摸启动/按住时删除 chrome 中的默认框轮廓动画?

pdf - 为 S3 上的图像创建缩略图

javascript - 提交一个checkbox表单,并显示在同一页面的 "div"

c# - 为 .NET 合并和压缩 PDF 文件的最佳第三方程序集是什么?

c# - 同步 pdf 打印和标准打印

javascript - 悬停淡入淡出,单击后保持稳定