CSS打印样式表生成的内容没有显示

我一直有一个奇怪的问题，其中通过CSS打印样式表生成的内容不会显示出来。打印样式表应用于打印，但生成的内容不显示。CSS打印样式表生成的内容没有显示

一个例子：

<!DOCTYPE html> 
<html> 
<head> 
<title>Testprint</title> 
<style> 

    @media print { 
     @page { 
      size: auto; 
      margin: 2cm; 
      @top-center { 
       content: 'dsdsdfsdfdfs'; 
       font-size: 10pt; 
       text-align: center; 
       color: black; 
      } 
     } 
     h1 { 
      color: red; 
     } 
    } 

</style> 
</head> 
<body> 
    <h1>PRINT</h1> 
</body> 
</html>

的H1的红色着色被应用在打印，而是从@顶部中心点选择内容不显示。将大大appreaciate关于如何解决这个问题的指针。

来源

2016-02-25 Arvid

'内容'涉及伪元素..我没有看到一个。 –

@Paulie_D你确定也适用于打印样式表吗？我见过这个代码在教程中使用，例如https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/ – Arvid

有趣的...你有演示吗？ –

这是CSS Generated Content for Paged Media（亲切地称为GCPM）模块的一项功能。目前在主流浏览器中还没有稳定的GCPM实现，尽管有相关的CSS Paged Media 3模块的覆盖。

来源

2016-02-25 11:54:24 BoltClock

CSS打印样式表生成的内容没有显示

回答

相关问题