0

ユースケース：リンクをクリックすると、コンテンツを含むオーバーレイが開きます。ページにはそのようなリンクがたくさんあり、それぞれに対応するコンテンツがオーバーレイ内に読み込まれます。ユーザーは特定のコンテンツのみを印刷できる必要があります。

アプローチ：リンクをクリックすると、「printer」というクラスが本体に設定されます。print.css内では、オーバーレイ内に表示されるものを除いて、すべてのページコンテンツを非表示にしています。オーバーレイを閉じるときに、クラスを本体から削除します。

問題： FFとIEではすべてが正常に機能しているようです。Chromeでは印刷ダイアログがハングしますが、Safariでは空白のページが表示されます。

私が間違っている可能性があること、または他のアプローチが存在する場合は、何か助けていただければ幸いです。

4

2 に答える 2

0

メディア タイプを使用して、印刷専用のスタイルシートを適用できます。

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

または、現在のスタイルシート内で @import を使用します

@media print {
  /* style sheet for print goes here */
}

これに関する詳細については、w3.org http://www.w3.org/TR/CSS2/media.htmlをチェックしてください。

信頼性の低いソースではありますが、技術的ではありませんが、http://www.w3schools.com/css/css_mediatypes.asp

于 2013-02-20T01:46:14.230 に答える
0

印刷 CSS を使用する

<link rel="stylesheet" type="text/css" media="print" href="print.css" />
于 2013-02-20T01:47:47.673 に答える