我试图创建一个页面背景与覆盖使用
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 * 3px)重复在孔页上。
上面的例子给我http://jsfiddle.net/tpmD4/(也是覆盖页面的覆盖)。
如何解决这个问题?
当我尝试为两个图像指定background-size(background-size:3px 3px,cover;);那么图像背景不覆盖,但叠加工作。
解决方法
干得好:
html,body { background-image: url(01.png),url(z.jpg); background-repeat: repeat,no-repeat; background-position: 0 0; background-size: 3px 3px,cover; }