css3 – 与背景大小的多背景

前端之家收集整理的这篇文章主要介绍了css3 – 与背景大小的多背景前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图创建一个页面背景与覆盖使用 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;
}

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

原文链接:https://www.f2er.com/css/221027.html

猜你在找的CSS相关文章