CSS透明图像延伸到模式

Question

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

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。