1

私は次の問題を抱えています：

ウェブサイトから特定のページを印刷し、このページのコンテンツがすべての用紙を埋めていない場合、背景画像がそこでカットされます。しかし、私が必要としているのは、内容物にどれだけの紙が使われていても、すべての紙に背景画像を繰り返すことです。

申し訳ありませんが、この質問は少し奇妙だと思いますので、説明するのに苦労しました。

私を助けてくれる人に感謝します。

4

3 に答える 3

2

これを使って..：

    body
{
    background-color:#454545;
background-image:url("background.jpg");
background-repeat:no-repeat;
background-attachment: fixed;
    background-size: contain;
    zoom: 100%;
}

これをcssに貼り付けると、探しているのは「添付ファイル固定」です...背景画像がページの残りの部分と一緒にスクロールすることはありません。また、他の要素に「固定」を適用してスクロールフリーにすることもできます。

于 2013-02-18T16:51:55.247 に答える
0

背景が BODY 要素に関連付けられていてbackground-repeat: norepeat、CSS で設定されている場合は、試してください。

@page {
  margin: 1cm; /* or any other small value, maybe even 0 */
}

@media print {
  body {
    background-repeat: repeat;
  }
}
于 2012-06-28T15:25:54.977 に答える
0

あなたの画像がボディタグにあるとしましょう。あなたの唯一のチャンスは設定です

html, body {
    width: 100%;
    height: 100%;
    background: url(../bg.png) repeat 0 0;
}

ただし、ブラウザーはすべての境界線にマージンを設定するため、背景を用紙全体に広げることはできません。これは、ユーザーが印刷ダイアログで 0 に設定できますが、css またはあなたによって制御することはできません。

于 2012-06-28T15:27:03.267 に答える