1

背景がすべての HTML ページに共通するテンプレート ベースの Web サイトを作成しようとしています。背景画像を 1 回だけ読み込み、残りの html ファイルに同じものを使用する特定のソリューションはありますか?

4

2 に答える 2

0

以下のコードを使用して外部 CSS (スタイル シート) を作成し、そのスタイル シートをすべてのページにリンクすることができます。次に、各ページの body タグには、背景として画像が含まれます。

body
{
    background-image:url('some-pic.gif');
    background-repeat:repeat-y;
}

注: background -repeat属性は、画像が次のように繰り返される方法を示します。

repeat-x : 背景画像は水平方向にのみ繰り返されます
repeat-y : 背景画像は垂直方向にのみ繰り返されます
no-repeat : 背景画像は繰り返されません
inherit : background-repeat プロパティの設定を指定します親要素から継承

于 2013-05-31T18:25:58.030 に答える
0

HTML ページ全体で画像をキャッシュするもう 1 つの興味深い方法は、画像をCSS 内のデータ URIとして追加することです。

HTML ページ全体でこの CSS クラスを使用し、ブラウザーは CSS ファイルもキャッシュするのが大好きです ;)

これを読んで、あなたに最適なものを決めてください！

ヒント: 小さな .png 画像ファイルを作成し、css で{background-repeat: repeat}を実行してみてください。

于 2013-05-30T10:26:37.687 に答える