CSS 精灵帮助
我最初使用以下代码：
background-image: url(../images/tabbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
问题是当我将其转换为精灵时，我有一个固定的背景位置，比如 0px -400px；
那么我该如何将它放在左下角呢？
另外，我可以将background-repeat与css sprite一起使用吗？
感谢您的时间。
I was originally using the following code:
background-image: url(../images/tabbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
The problem is when I convert it to a sprite, I have a fixed background-position, say 0px -400px;
Now how do I place it at the left bottom then?
Also, can I use background-repeat with a css sprite?
Thank you for your time.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
background-repeat 不会与你的 css sprite 很好地配合。 也不会将其设置为左下角。 不幸的是，解决这个问题的唯一方法是使用静态宽度和高度。 在这种情况下，你最好不要使用精灵
background-repeat will not play nicely with your css sprite. nor will setting it to bottom left. Unfortuantely the only way around this is to use static width and height. In this case, you're better off not using the sprite
通过了解元素的像素尺寸并仔细定位它
当然 - 只要你只在一个方向上重复并且你的精灵排列成一行（而不是网格）。
By knowing the pixel dimensions of the element and positioning it carefully
Sure - so long as you only repeat in one direction and your sprites are arranged in a line (not a grid).