2

我想通过使用 CSS 精灵来改进 jQuery 的对话框代码，从而添加对话框边框的动画。

为此，我希望所有艺术品都在 1 个 png 文件中，即一个 css 精灵。

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

基本上，我想将精灵图像中的区域（t，l，w，h）调整为页面上具有不同宽度和高度的 DIV 或 IMG。我想知道，这甚至可能吗？似乎背景位置根本不支持这一点。

我已经尝试了如何在 CSS sprite 中缩放图像中的第一个解决方案，但无法使用它来工作。

我已经尝试将新的 background-size 属性与 background-position 结合使用，但这也不会产生我想要的结果。

4

1 回答 1

1

又花了几个小时摆弄 css，但无法让精灵用于对话框。

但是我的动画对话不需要很多帧（除非你想将实际视频作为对话背景放在网上），所以对于我现在设计的对话主题，我有 8 个 312x312 png 作为框架，8 个请求，总共 386kb。足以在对话框处于“突出显示”状态时创建发光动画。是可以的。

我正在使用如何在 CSS 精灵中缩放图像中的技术

大约一个月后，请参阅http://mediabeez.ws ，了解动画对话框的开源版本。当我自己开发的 CMS 使用这个独立组件时，我将开发和测试它，因此它可以进行主题化、拖放等操作。

于 2011-07-18T11:19:49.320 回答