CSS media：print包含屏幕上未顯示的內容？

@media print { 
 
    DIV { 
 
    display: block; 
 
    } 
 
}

<html> 
 
<body> 
 
<div style="display:none">You can't see me!</div> 
 
</body> 
 
</html>

但是，當我嘗試這樣做，我還是沒能看到「你看不到我！」當我打印。我怎樣才能讓它顯示打印？

指定一個類你div，所以你可以指定哪些需要被打印時，可以看出：

<html> 
    <body> 
     <div class="print-only">You can't see me!</div> 
    </body> 
</html>

然後你的CSS看起來像：

.print-only { 
    display: none; 
} 
@media print { 
    .print-only { 
    display: block !important; 
    } 
}

2017-09-01 17:26:50 Samuel

首先，從代碼我可以看到你使用內聯樣式display: none。這將阻止div顯示。刪除內聯樣式以糾正此問題。

2017-09-01 17:29:09 ExtremeCode

這工作，謝謝！所以這解決了我的問題的一部分。另一部分是，我在哪裏使用這個，我使用jQuery.hide來隱藏東西 - 但我希望它們可用於打印...看起來像我可能必須破解jQuery.hide /切換 – ControlAltDel

@ControlAltDel Samuel（暗示）使用'！important'的建議應該足以覆蓋jQuery將添加的內聯樣式，所以您不需要修改jQuery。 – cjl750

@ cjl750在測試這個之前，我嘗試了Samuel的建議。它沒有爲我工作（IE 11） – ControlAltDel

回答