0

印刷してお店に持っていくことができるクーポン付きのお店のページを作りたいです。ページ全体ではなく、クーポンだけを印刷できるようにする方法を探しています。

クーポン画像をiFrameに入れると、そこからの印刷で画像が印刷されるのではないかと思いますが、これを行うためのより良い確立された方法がすでにあるかどうかを最初に確認したいと思いました。

アイデアをありがとう。

4

3 に答える 3

0

print.cssファイルを使用すると、他のサイト要素を（CSS display：none;を介して）非表示にして、クーポンがオンになっているページで、印刷時にクーポンのみが表示されるようにすることができます。

これがprint.cssに関する良い記事です：http：//alistapart.com/article/goingtoprint

于 2013-03-14T20:25:06.483 に答える
0

あなたのCSSで：

@media print {

    .elementsToHide { 
        display:none; 
    }

    #coupon {
        display:block; 
    }
}

また、このテーマに関するこの記事をチェックしてください：http: //coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

于 2013-03-14T20:27:44.587 に答える
0

この回答が遅れている可能性がありますが、ユーザーに写真だけを印刷してもらいたい場合は、次の方法が最善の方法だと思います。

<img>画像のみ (タグ内のタグのみ) を含む新しいウィンドウ/タブで新しいページを開きます<body>。このようにして、ユーザーはメニューから印刷を選択し、画像を印刷するだけです。

このようにして、ユーザーは何が印刷されるかが明確になります。

また、 window.printを使用して印刷ダイアログを表示することもできます。これは仕様にはありませんが、すべてのデスクトップ ブラウザーで動作します。

明確化：

私は印刷スタイルについて知っており、それらを使用してページを完全に並べ替えることができますが、ユーザーはモニターに表示されているものと同じレイアウトが印刷されることを実際に期待していることがわかりました。印刷するためだけに新しいページを作成して表示することで、ユーザーは印刷される内容の「プレビュー」を取得できるため、より自信を持って印刷できます。

于 2013-03-20T13:50:38.460 に答える