与背景大小的多个背景

我正在尝试使用css3的多重背景支持来创build一个覆盖页面的背景;

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 * 3px）重复的孔页面。

上面的例子给了我http://jsfiddle.net/tpmD4/ （覆盖页面的覆盖）。

我该如何解决这个问题？

当我尝试指定两个图像的background-size: 3px 3px, cover; （ background-size: 3px 3px, cover; ）; 然后图像背景不覆盖，但覆盖的作品。

Answer 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; } 

http://jsfiddle.net/tpmD4/6/