jQueryUI ThemeRollerスタイルが印刷バージョンに表示されない

Question

私のページでThemeRollerとjQueryUIを使用しており、印刷バージョンにスタイルが適用されていません。

jQueryUIのどこかにメディアを画面ではなくすべてに変更する設定がありますか？あるいは、これらのスタイルが印刷版に適用されないようにする何かがあります。

Answer 1

CSSで適用された背景画像は印刷されません（デフォルト）。これがあなたが見ている問題であれば、その理由があるかもしれません。印刷されない特定のものはありますか？

Answer 2

ほとんどのブラウザでは、背景色と画像を印刷することができません。印刷時にスタイルを適切に表示するには、それを有効にする必要があります。

IEでは、印刷プレビューを行い、[ページ設定]ボタンをクリックします。 背景色と画像を印刷チェックボックスが表示されます。

FireFoxでは、印刷プレビューを行い、ページ設定ボタンをクリックします。 背景を印刷（&イメージ）チェックボックスが表示されます。

Chromeでは、残念なことにIETAB拡張機能を使用することはできません。 this support threadを参照してください。

さらに、CSS で適用された背景画像が実際にはブラウザの設定が有効になっているときにが印刷されることを証明するには、次のコードを取り、基本HTMLページに置きます。 IE、FireFox、またはイメージ印刷の設定をサポートする他のブラウザで開いてください。次に、設定をオン/オフに切り替えます。小さな矢印の画像が印刷プレビューに表示されたり消えたりします。

<style type="text/css"> 
     .link { 
      background: url(http://www.famfamfam.com/lab/icons/silk/icons/control_play.png) no-repeat; 
     } 
     .link a { 
      padding-left: 18px; 
     } 
    </style> 

    <div class="link"> 
     <a href="#">Test Link</a> 
    </div> 

Answer 3

これは、jQueryテーマローラーCSSファイルにメディア属性があることを確認するだけで解決できます。 jQuery UIとは何の関係もなく、ブラウザの本質的な性質です。

変化

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="screen" /> 

これ

（またはその両方を追加）

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />