css - CSS 精灵帮助

Question

我最初使用以下代码：

background-image: url(../images/tabbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;

问题是当我将它转换为精灵时，我有一个固定的背景位置，比如 0px -400px；

现在我怎么把它放在左下角呢？

另外，我可以将背景重复与 CSS 精灵一起使用吗？

感谢您的时间。

Answer 1

background-repeat 不能很好地与您的 css 精灵配合使用。也不会将其设置为左下角。不幸的是，解决这个问题的唯一方法是使用静态宽度和高度。在这种情况下，你最好不要使用精灵

Answer 2

现在我怎么把它放在左下角呢？

通过了解元素的像素尺寸并仔细定位

另外，我可以将背景重复与 CSS 精灵一起使用吗？

当然——只要你只在一个方向重复并且你的精灵排列成一条线（不是网格）。