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

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

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

出典

2011-08-03 Jerry

プリントは、特定broswersとプリンタで異なります。そのため、印刷版は常に可能な限り基本的なものでなければなりません。 –

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

出典

2011-08-10 23:42:59 Seth

この回答が正しいためには、「印刷しない」ステートメントを「ほとんどのブラウザーではデフォルトで」修飾する必要があります。これがどのように機能するかについて私の答えを見てください。 – Sumo

もっと正確に答えを更新しました。 – Seth

これは、スタイルが表示されない理由です。私が待つ必要があるのは、見栄えの良い印刷版を作ること、あるいは少なくとも選択されていないアコーデオンのコンテンツ部門を隠すことです。 – Jerry

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

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>

出典

2011-08-17 10:28:03 Sumo

これは、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" />

出典

2011-08-17 19:59:03

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

答えて

関連する問題