Image Sprites看起来不稳定/不稳定

Question

我正在尝试将图像设置为画布。

在html文件中我有dog.png，它是一个Image Sprites。

<img id="dog" src="images/dog.png" alt="dog" />

CSS文件中的

：

#dog{
    object-position: 0 0;
    width: 50px;
    height: 50px;
}

在javascript中有一个函数：

$("#dog").css("object-position",(incrementNum*-60) +"px 0");

其中incrementNum以0开头。

问题是图像动画变得不稳定/不稳定。

如何使图像看起来很好？ 谢谢

Answer 1

哎呀，我只是意识到documentGetElementById占用了整个精灵图像并且没有应用css。这就是为什么波涛汹涌的图像实际上是一个被挤压到50 x 50px

的长图像