Html在打印中不可見

Question

如何使該文本在網頁上可見但在打印網頁中不可見。我無法使用媒體查詢。

Answer 1

您將需要定義一個打印的css文件。

看一看http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

你只需要包括兩個不同的CSS文件（我的首選方法）：

<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> 
<link rel="stylesheet" type="text/css" media="print" href="css/print.css" /> 

Answer 2

即使你的狀態，你不能使用媒體查詢，你也許能創建一個單獨的樣式表進行打印。

<link rel="stylesheet" type="text/css" href="print.css" media="print"> 

如果你可以使用JavaScript，絕對不能用上面的，你可以添加一個類，不應該打印所有的東西（如class='no_print'），當您單擊打印選項使用JavaScript來另一個類分配給no_print使他們看不見。

例如使用jQuery

$('.no_print').addClass('hide'); 

或CSS做直接

$('.no_print').css('visibility','hidden'); 

Answer 3

你可以用文本的元素中，並給它一個類。例如，如果文本還沒有可添加類的元素，則可以添加一個範圍。

<span class="printInvisible">This is a text</span> 

然後，您可以定義打印的CSS（你不需要爲這個媒體查詢）有：

<link rel="stylesheet" media="print" type="text/css" href="print.css" /> 

而且在這個樣式表來隱藏它定義你的班級爲不可見，像：

.prinitInvisible { 
    visibility: hidden; 
} 

或

.prinitInvisible { 
    display: none; 
}