css - 使用 CSS 属性包含时如何防止剪切 2 个背景？

Question

我想要页面顶部和页面底部的背景。使用这个 CSS 给了我正确的效果，但它以特定的分辨率将图像剪辑在一起。有没有办法停止剪辑效果？

body{
position:static;
background-image:url(images/header.png), url(images/footer.png);
background-size:contain, contain;
background-position:center top, center bottom;
background-repeat:no-repeat, no-repeat;
}

Answer 1

我通过交换图像作弊了一点，但到目前为止，这是我的解决方案：http: //jsbin.com/otuvuj/1

这是你想要的效果吗？