resize css sprite

2011-06-07 61 views 0 likes

我有一个尺寸为500X400像素（background.png）的图像，然后是宽度为150X100像素的HTML div。resize css sprite

我想从左上角（x：50，y：50）到右下角（x1：350，y1：250）在div内显示image.png的部分。

我想要显示的部分background.png的尺寸是300X200，它是HTML div大小的两倍。

如何调整图像部分的大小，使其适合div的尺寸并使用CSS或jquery显示它。

2011-06-07 ptamzz

你有我们可以看到的例子吗？ – Kyle 2011-06-07 09:40:04

你想150x100 div的背景扩展到它的外面吗？为什么div小于你想要显示的图像部分的背景，对不起，看不到你要问什么 – clairesuzy 2011-06-07 09:43:21

不可以。div外部的部分将不可见。该div将掩盖图像。 – ptamzz 2011-06-07 09:46:30

回答

您可以使用background-position: -50px -50px和CSS3 background-size: 50%来实现此结果。旧版浏览器不支持

background-size，您可以check support here。

2011-06-07 09:43:11 xPheRe

背景大小属性调整孔图像包括精灵also.from你的例子它的大小调整孔图像精灵水平或垂直50％。检查你自己。 – sandeep 2011-06-07 10:01:47

@sandeep：没错。 – ptamzz 2011-06-07 10:18:54

..他解决了。我不得不使用'background-resize'调整整个图像的大小，并且通过这样做，图像的部分也被调整大小。所以无论如何解决了我的问题。谢谢@xPheRe – ptamzz 2011-06-07 10:20:49