実行中のヒントページに効果的なprint.cssを作成しようとしています。このページには、さまざまなトピックを表示するためのjQuery UIアコーディオンが含まれていますが、ページを印刷するときにアコーディオンを表示したくありません。
これは、印刷したときのスクリーンショットです。
ページを印刷するときに、次のスクリーンショットのように、JavaScriptが無効になっているように表示したいと思います。
アコーディオンはで作成される<div id="gettingStarted_accordion">ため、print.cssで非表示にすると、セクション全体が非表示になります。
これを行う簡単な方法はありますか？
次のように、印刷CSSまたはメディア印刷CSSに表示方法を追加します。
@media print {
#gettingStarted_accordion > *{display:block !important;}
}
参考までに、私は修正を見つけました。media="screen"jqueryuiのスタイルシートへのリンクに追加するだけです。そのようです：
<link media="screen" rel="stylesheet" type="text/css" href="jquery-ui.css">
そしてこれを私のprint.cssで使用してください（Riskbreakerに感謝します）：
#gettingStarted_accordion > * {
display: block !important;
}