css拉伸背景图像精灵技术

Question

我有一个带样式的div，它的宽度是动态的。

<style>
#mydiv {
    background-image: url('http://icons.iconarchive.com/icons/manda-pie/chocolate/icons-390.jpg');
    background-repeat: no-repeat;
    border: 1px solid red;
    width: 50%;
    height: 200px;
    background-position: -0px -0px;
    -moz-background-size: 448px 368px;
    background-size: 448px 368px;
}
</style>
<div id="mydiv"></div>

如果拉伸浏览器窗口，您会看到div伸展。 如何使背景图像以与div相同的方式拉伸？ FIDDLE

Answer 1

http://jsfiddle.net/3dsgn/106/

使用 -moz-background-size:100% 100%; background-size: 100% 100%;

Answer 2

访问“http://www.w3schools.com/css/css3_backgrounds.asp”

#mydiv 

{background-size：100％100％;}