サーバからロードされたコンテンツを印刷する

Question

ページ全体がロードされた後、JSによってサーバから画像がロードされます。 ユーザーによる操作をクリックします。画像を読み込んでDOMに挿入します。

この画像には固有のIDがあります。この画像はJSヘルプでのみ印刷したいと考えています。 私は私が間違っている場合は目的

* { 
    display:none; 
    visibility: none; 
} 
html, body, #out_image_1 { 
    background: none; 
    display: block !important; 
    left: 0px; 
    margin: 0px; 
    padding: 0px; 
    position: relative; 
    top: 0px; 
} 

と

$("#print-button2").click(function() { 
    window.print(); 
    return false; 
}) 

が、ページなどの印刷を呼び出すを印刷するためのスタイルファイルは、（空の）空白になっていましたか？

ありがとうございます。

Answer 1

印刷されない理由がいくつかあります。
http://jsfiddle.net/RXMx8/

：あなたの画像が別の要素に含まれていてもよいが、あなたのCSSによると、親要素がまだ display:none

あなたのCSSは#out_image_1がbodyの直接の子である場合にのみ機能しますです

• #out_image_1には、bodyとhtml以外の親要素がある場合：
  http://jsfiddle.net/RXMx8/1/

は、私はそれが問題だ賭けているが、他の理由が考えられます。

• お使いのブラウザは、デフォルトでは、画像を印刷するように設定されていません。 window.print()を使用すると、この設定をオンに切り替えることができる「印刷プレビュー」をスキップすることがあります。

• あなたのHTMLは問題ありませんが、間違った要素をターゲティングしています。

• インクがなくなりました。 ）

要素をjavascriptで追加しても、それを印刷することはできます。デバッグの場合は、* { display:none; }を削除して何が起こるかをご覧ください。

^{※ところで、それはvisibility: hidden;です。 "none"は有効な値ではありませんが、とにかくdisplay:noneと重複していますので、まったく必要ありません。}