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打印樣式表生成的內容沒有顯示

回答

相關問題