私はオーバーレイを使用してページの背景を作成しようとしていますcss3複数のバックグラウンドのサポート。
html, body {
background: url('https://github.com/jaysalvat/vegas/raw/master/overlays/01.png') repeat,
url('http://farm8.staticflickr.com/7260/7502004958_595bf03fbf_z.jpg') top left no-repeat;
background-size: cover;
}
写真の背景画像でページを「覆い」、オーバーレイを小さく (3 x 3 ピクセル) してページ全体に繰り返し表示したいと考えています。
上記の例から、http://jsfiddle.net/tpmD4/(ページを覆うオーバーレイも同様)。
どうすれば修正できますか?
指定しようとすると背景サイズ両方の画像に対して ( background-size: 3px 3px, cover;
); 画像の背景は覆われませんが、オーバーレイは機能します。
ベストアンサー1
どうぞ:
html, body {
background-image: url(01.png), url(z.jpg);
background-repeat: repeat, no-repeat;
background-position: 0 0;
background-size: 3px 3px, cover;
}