Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用@Page content css设置包含内容的页面标题_Css_Css Paged Media - Fatal编程技术网

使用@Page content css设置包含内容的页面标题

使用@Page content css设置包含内容的页面标题,css,css-paged-media,Css,Css Paged Media,我试图在打印和传真时使用CSS@page规则在文档的所有页面中包含标题文本。但当我在Chrome中看到预览版时,它不知怎么的对我不起作用。我正在JSFIDLE中检查这个。这是我一直在编写的代码的链接 我知道可以添加使用@media打印内容。但是我想使用@page css来实现这一点。 如果你加上 .subpage: after { content: "name"; } 添加内容。但是如果你做了和我一样的事 @page { @top-right { co

我试图在打印和传真时使用CSS@page规则在文档的所有页面中包含标题文本。但当我在Chrome中看到预览版时,它不知怎么的对我不起作用。我正在JSFIDLE中检查这个。这是我一直在编写的代码的链接

我知道可以添加使用@media打印内容。但是我想使用@page css来实现这一点。
如果你加上

.subpage: after {
     content: "name";
 }
添加内容。但是如果你做了和我一样的事

@page {
     @top-right {
          content: "name";
     }
}

它不起作用。有什么方法可以让它工作吗?

这就是它的工作方式,你的例子是正确的。然而,现在的浏览器还不支持@page。您必须使用诸如Prince XML、天线室格式化程序的PDF Reactor之类的软件


您可以下载评估版本的pwavg是否正确当前使用的渲染器都不支持
@top right
规则,这就是它不适合您的原因。
您可以看到它(搜索
@top right

我知道维基百科不是最可靠/最新的信息来源,但我想总比没有好。至少在这个页面上,它看起来更新得比较活跃


据我记忆所及,唯一支持它的渲染引擎(Prince除外)是旧的Opera Presto渲染器,但它已不再开发。

这条规则是新的。所以可能还没有实现……但是有很多链接建议在创建电子书时使用页面规则。在chrome中还没有实现@bhojendra-nepal吗?对不起,我错了。它已经实现了…有没有办法让它发挥作用?我只想使用分页媒体在每个页眉中包含内容