人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

webサイトをCSSで構築した際に、background-imageで背景を表示するようにしています。しかし、印刷した際に、背景が消えてしまうので表示するようにしたいと思っています。検索をして調べたところ、display:list-item;とlist-style-image:url(画像名);でリストのマーカーを背景表示させている箇所は表示させる事ができました。
ただ、この方法だと全ての背景を表示させる事が難しく他に何かよい方法はありませんでしょうか

●質問者: monkeynutz
●カテゴリ:インターネット ウェブ制作
✍キーワード:background-image CSS T-STYLE URL webサイト
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● kamekichi3
●40ポイント

インターネットエクスプローラの設定を変更することで対処できるかもしれません。

設定方法は↓こちらをどうぞ。

http://arena.nikkeibp.co.jp/tec/winxp/20050218/111211/

◎質問者からの返答

回答ありがとうございます。

インターネットエクスプローラで背景を表示する事ができるのですね。

ただ他のブラウザでも表示させたいのと、できればコンピュータの設定を変更せずに印刷できるようにならないでしょうか。


2 ● kazu1107
●30ポイント

参考にならないと感じたらポイントはいりません。

背景色をべた塗りするということはインク量が結構多くなるので、訪問者側からすると強制的に・・・ということはしない方が良いと思います。(印刷の用途を考えると、普通は情報を印刷したいという場合がほとんどでしょう。)

もし文字色が白やその類似色で見にくいから・・・などの理由なら、印刷用のスタイルシートを作ることをおすすめします。

設定の仕方は<head>タグ内に以下のようなものを記述します。

<link rel="stylesheet" href="style.css" type="text/css" media="screen,tv" />

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

この場合"style.css"が今までのスタイルシートで、"printf-style.css"は印刷用のスタイルになります。

もう少し詳しいことは以下の記事が参考になるかと。

http://cross-breed.com/archives/200406071816.php

◎質問者からの返答

ありがとうございます。

確かにインク量が多くなるので、ユーザー側には負担になりますね。ただ、どうしても表示させてたい背景画像があるのでそれをどうにかして表示させたいと思っています。

プロパティの組み合わせで表示させるような事はできないのでしょうか。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ