我喜欢精灵，但是它们对我的整体需求非常有帮助。我试图弄清楚是否有一种方法可以使用精灵图像作为 100% 宽的元素的背景图像，但我要应用的精灵的背景部分是 1px 宽。精灵目前是 100px 宽和大约 180px 高。这甚至可能/合法吗？如果是这样，我会怎么做？或者我是否必须坚持独立于精灵的 1px x 120px 图像的想法，以按照我想要的方式在给定元素上跨越背景？
请注意，我曾考虑将精灵的 0 0 位置作为我想要的 BG，但我的问题是我有类似的精灵部分我想用作某些区域的翻转效果
问问题
670 次
3 回答
1
对于重复的背景图像，您需要使用独立于精灵的图像；因为据我所知，没有办法指定精灵的特定片段在背景中重复，所以你最终会简单地显示和重复整个精灵。
看来，当然在 Chromium 19 中，使用background-size不是答案。
于 2012-08-01T18:49:06.017 回答
1
我认为您可以通过伪背景裁剪来实现这一点。这里有一篇有用的文章：http: //nicolasgallagher.com/css-background-image-hacks/可能会有所帮助。
但是，我怀疑这可以用作重复的背景图像。您也许可以拉伸它（background-size:100%），但我不确定。
于 2012-08-01T18:51:06.353 回答
-1
所以它使 3 个 div 放置在一个 div 中。对于左右，像往常一样剪辑你的精灵。对于中间，使您的精灵足够长，以便按钮的任何中间部分都被精灵的长部分填充。
永远不要问问题，发挥你的想象力。
于 2015-07-20T08:13:43.930 回答