問題タブ [print-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
8 に答える
42995 参照

css - Firefoxに背景色のスタイルを印刷させるにはどうすればよいですか?

私はいくつかの簡単なCSSを持っています:

ブラウザでは問題ないように見えますが、Firefoxで印刷すると、白い背景に黒いテキストとして表示されます。これはある種のインク節約機能だと思いますが、それを回避する方法はありますか?

0 投票する
10 に答える
51121 参照

css - Firebugで印刷メディアのCSSを確認するにはどうすればよいですか?

Firebugは、一部のHTML要素の画面メディアCSSを表示するための優れたツールですが、印刷メディアCSSを確認する方法もありますか?または、印刷メディアのCSSを表示する他のツールはありますか?

0 投票する
2 に答える
122 参照

css - 印刷CSSを一番下に置くべきですか?

</body>ヤフー推奨のjsのように直前にprint cssを下に置いた方がいいのではないでしょうか?

0 投票する
1 に答える
113 参照

css - サイトのページごとに個別の「プリンターフレンドリーページ」を提供している場合、サイトで印刷メディアcssを使用する必要がありますか?

サイトのページごとに個別の「プリンターフレンドリーページ」を提供している場合、サイトで印刷メディアcssを使用する必要がありますか?

この場合、画面のCSSだけで十分ですか?

0 投票する
2 に答える
9271 参照

css - print.cssを使用してページごとに1つのdivを印刷しようとしていますが、失敗します

私のコードの例はこれです:

私は上記のようなカップルを持っていdivsます、そして私はdiv印刷されるときにそれぞれがそれ自身のページにある必要があります。私はprint.cssのクラスで試し'page-break-before'てみました。何が間違っているのかわかりません。'page-break-after'.print

私に'page-break-after'は正しいと思われ、それは私が検索するときにいつも見つける解決策ですが、私はそれを機能させることができないようです。

0 投票する
7 に答える
140758 参照

css - Chrome で印刷するときに href 値を削除する必要がある

印刷 CSS をカスタマイズしようとしていますhrefが、リンクだけでなく値も印刷されていることがわかりました。

これはChromeにあります。

この HTML の場合:

それは印刷します:

そして、私はそれを印刷したい:

0 投票する
3 に答える
4550 参照

css - Firefox でのフィールドセットの印刷

ページ ヘッダーの既存のプロジェクト (media="print" を使用) に新しい css を追加しています。それはスムーズに進んでおり、(一度だけ!) IE は期待どおりの良い結果をもたらしていますが、Firefox はそうではありません...

問題は、多くのフィールドを含むフィールドセットがあり、Firefox が (最新バージョンであっても) フィールドセット内で改ページを許可することを完全に拒否することです。これは、1 ページに収まらないものはすべて失われることを意味します...

3 年間公開されている mozilla Web サイト ( https://bugzilla.mozilla.org/show_bug.cgi?id=471015 ) で認められているバグを見つけましたが、合理的な回避策が見つかりません...

フィールドセットなどを削除する前に何か提案はありますか?

ありがとう、デイブ

0 投票する
4 に答える
5736 参照

css - 外部print.cssファイル-要素を印刷のみで表示し、画面には表示しないようにするにはどうすればよいですか?

私は現在、外部のprint.cssファイルとして以下を使用しています。

/*不要な要素を削除します*/

hiddenedit、#hiddenbuttons、#header、#nav、.propertyselector、li.hiddentab、ul.hiddentab {表示:なし; }

/*コンテンツが全幅に及ぶことを確認します*/

コンテナ、#container2、#content {幅:100%; マージン:0; フロート:なし; }

/ *テキストの色を黒に変更します(暗い背景の明るいテキストに便利です)* / .lighttext {color:#000}

/ *リンクの色のコントラストを改善します#781351 * / a:link、a:visited {color:#000}

これが表示を行うためにどのように機能するかを理解しています。ページに印刷したくないアイテムについてはありません。私の質問は:どうすればこれの逆を行うことができますか?ページが印刷されたときにのみ表示され、ページが表示されたときに表示されないようにしたい要素がページにある場合はどうすればよいですか?

何か案は?ありがとうございました。

0 投票する
1 に答える
1319 参照

css - cssを使用して、画面表示と印刷表示のレポートを生成します

画面に表示しているときにページ付けされたレポートを含むWebページがあります。これは、displaytagを使用して行われます。画面に表示されるレコード数のみが照会されます。ただし、印刷中は、完全なレポートを印刷する必要があります。

印刷ボタンをクリックすると呼び出されるJavaScriptを作成しました。私のアイデアは、ページ付けパラメーターなしでレポートを再生成してから印刷することでした。画面に完全なコンテンツを表示せずにこれを行うことはできますか?

これを行う他の方法はありますか?

ご協力ありがとうございました。

0 投票する
0 に答える
63 参照

printing - screen cssを使用してprint.cssがない印刷サイト?

print.cssがないサイトを印刷しようとしているので、フォーマットされていないページしか表示されない場合、印刷に通常の画面のcssを使用する方法はありますか?