MVCとJavascriptで印刷する際のコンテンツを隠すには？

Question

タイトルは明らかだと思います。

Provide Print functionality in ASP.NET MVC 4

How do I hide an element when printing a web page?

まず、CSS：

@media print 
{ 
    .no-print, .no-print * 
    { 
     display: none !important; 
    } 
} 

ので、私のCSHTML中：

<td style="max-width: 100px;"><a href="javascript:window.print()" class="btn btn-default">Print</a> 

、今物事私私はいくつかに関する情報を得たところです印刷したくない：

<div style="top:120px;left:10px;position:absolute;" class="no-print"></div> 

私もそう、私はクロムを使用して...それが印刷されます推測する...私はまだ私のメニューを参照してください印刷する前にプレビューでexept、class="noPrint"

すべての良いを試してみました。

Answer 1

あなたが提供した情報では、印刷メディアのクエリが実行されず、メニューが印刷されない理由がわかりません。

<td style="max-width: 100px;"> 
    <a href="javascript:window.print()" class="btn btn-default">Print</a> 
</td> 

<div style="top:120px;left:10px;position:absolute;" class="no-print"> 
    Won't print this! 
    <span>Or this!</span> 
</div> 

それはあなたが提供する基本的な要素を示しており、印刷が正しく要素を非表示に表示されます。このマークアップを公開しfiddleを見てみましょう。

もう少し詳細を教えてください。おそらく他の何かが起こっているかもしれません、それらの要素を公開しているかもしれません。あるいは、CSSが保存されていないかもしれません。