外部print.css文件 - 如何使元素僅在打印時可見，屏幕上不可見？

Question

我目前使用以下我的外部print.css文件：

/*刪除不需要的元素*/

hiddenedit，#hiddenbuttons，的#header，#nav，.propertyselector，li.hiddentab ，ul.hiddentab {display：none; }

/*確保內容橫跨全寬*/

容器，＃container2的，＃內容{寬度：100％;保證金：0; float：none; }

/*更改文本顏色爲黑色（用於在深色 背景光文字）*/ .lighttext {顏色：＃000}

/*提高顏色的鏈接＃781351 */ 對比度答：鏈接答：訪問{ 顏色：＃000}

我明白這是如何工作，使顯示：無因我不希望打印的頁面上的項目。我的問題是：我怎麼能做到這一點相反？如果頁面上有些元素只在頁面打印時纔可見，在查看頁面時不可見，我該怎麼辦？

任何想法？謝謝。

Answer 1

簡而言之

.onlyprint {display: none;} 
@media print { 
    .onlyprint {display: block;} 
} 

到您的CSS規則。

Answer 2

確實要做的恰恰相反......在你的屏幕css文件中將你想隱藏的項目設置爲display: none，然後獲取print.css來顯示它們。

Answer 3

你會有在線樣式表隱藏，並打印的CSS表格說顯示。你是這個意思嗎？你將不得不爲它分配div。