如何调整css-sprite的部分大小？

Question

我想改进jQuery的对话框代码，使用CSS-sprites，从而添加对话框边框的动画。

要做到这一点，我希望所有的艺术作品在一个png文件，一个css精灵。

我的问题是，为了支持最大化到2或3个监视器的对话框，我想我必须在css sprite文件中放置5000 My宽/高边框图形。因为我找不到一种方法来调整css精灵图像的选定部分的大小。

基本上，我想从雪碧图像调整一个区域(t，l，w，h)到我的页面上的DIV或IMG，具有不同的宽度和高度。我想知道，这可能吗？似乎背景立场根本不支持这一点。

我在How can I scale an image in a CSS sprite中尝试了第一个解决方案，但无法使用它。

我尝试结合背景位置使用新的背景大小属性，但这也不会产生我想要的结果。

Answer 1

在css上又花了几个小时，但无法让精灵工作在对话框中。

但是我的动画对话框不需要很多帧(除非你想把实际的视频作为在线的对话背景)，所以对于我正在设计的对话框主题，我现在有8 312x312 png作为框架，8请求，386‘s总计。只需创建一个发光的动画，当对话框处于“突出显示”状态。这是可以做的。

我用的是How can I scale an image in a CSS sprite的技术

关于动画对话框的开源版本，请在大约一个月内查看http://mediabeez.ws。我将开发和测试这个独立的组件时，它是我自己的国产CMS使用，所以它将有能力做主题，拖和删除，诸如此类的事情。