[解決済み】CSSの@media printでbackground-colorの問題が発生しました。
2022-04-14 23:04:14
質問
私はこの会社では新人ですが、何キロものCSSを使用する製品があります。アプリ用に印刷可能なスタイルシートを作ろうとしているのですが、次のような問題があります。
background-color
で
@media print
.
@media print {
#header{display:none;}
#adwrapper{display:none;}
td {
border-bottom: solid;
border-right: solid;
background-color: #c0c0c0;
}
}
その他はすべて動作し、ボーダーなどを変更することも可能ですが
background-color
が印刷に出ません。今、私は皆さんがより多くの詳細なしで私の質問に答えることができないかもしれないことを理解しています。ただ、この問題、または似たようなことを経験したことがある人がいるかどうか知りたかっただけなのです。
解決方法は?
ユーザーが印刷設定で "背景色と画像の印刷" をオフにしている場合、CSSはそれを上書きしないので、常にそれを考慮に入れてください。 これはデフォルトの設定です .
背景色や画像を印刷するように設定すれば、今の設定でうまくいきます。
これは、さまざまな場所にあります。 IE9betaでは、Print->Page OptionsのPaper optionsの中にあります。
FireFoxでは、「オプション」の中の「ページ設定 -> [Format & Options]タブ」にあります。
関連
-
[CSSチュートリアル】CSS たった1行のコードでアバターと国旗の一体化を実現
-
[CSSチュートリアル】パララックススクロールの効果を完成させるCSS
-
[CSSチュートリアル】タイトルを上部に配置するスティッキーレイアウトを実現するためのCSS
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] CSS メディアクエリ: max-width OR max-height
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】height:100%と書いても効かない理由
-
[Div+CSSチュートリアル】divの背景を透明にする設定例
-
[CSSチュートリアル】擬似要素で実現する中空三角矢印とXアイコンの例
-
[CSSチュートリアル】空間均等性の問題を解決する2つの方法
-
[css3]CSS3アニメーションによる光のボタンの流れの効果
-
[css3]css3によるフレックスレイアウト幅の解決方法が有効でない件
-
[CSSチュートリアル】シンプルなナビゲーションバー機能を実現するhtml+css
-
[css3]CSS3遷移回転遠近法2D3Dアニメーションなどの効果を持つサンプルコード
-
[解決済み] Chromeの要素インスペクタを印刷プレビューモードで使用する?
-
[解決済み】印刷プレビューで背景色が表示されない。