css拉伸(stretch)背景图片 Sprite 技术

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>

如果您拉伸(stretch)浏览器窗口，您会看到 div 拉伸(stretch)。如何使背景图像像div一样正确拉伸(stretch)？ FIDDLE

Answer 1

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

使用-moz-背景大小:100% 100%；
背景大小:100% 100%；