ページ全体を覆う背景画像 (background.jpg) を表示したいのですが、この画像の横に点線のオーバーレイ (dotted-pattern.jpg) が必要です。理論的には機能するはずの次のコードを試しましたが、機能しません。background.jpg は画像を正しい比率で表示するだけです。
コードは次のとおりです。
background-image: url(images/dotted-pattern.png), url(images/background.jpg);
background-position: top left, center center;
background-repeat: repeat, no-repeat;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-size: auto, cover;