jquery - CSS 透明图像在图案上拉伸(stretch)

Question

我如何在一层中拉伸(stretch)透明图像，而在另一层中保持图像大小(因为它应该是一个图案)。这是我的代码。

div.someclass {    
background-image: url('someimage.png'), url('someimage2.jpg');
}

我可以将这个 div 分成两个不同的元素，但我正在为它们设置动画(使用 jquery)，因此这会对性能产生重大影响。

我该怎么办？

Answer 1

您可以使用 background-size 控制背景的缩放比例:

div.someclass {    
    background-image: url('someimage.png'), url('someimage2.jpg');
    background-size: 100% 100%, 200px 200px;
    background-repeat: no-repeat, repeat;
}

要支持旧版浏览器，您需要使用 vendor prefixes .