在CSS精灵中有效定位图片

时间:2019-02-21 06:50:38

标签: html css frontend front-end-optimization

我正在尝试创建一个轮播,在其中我将显示一些推文以及用户的个人资料图片。

我创建了一个带有所有用户个人资料图片的精灵,以减少网络请求的数量。

我可以使用background-position

定位精灵的图像

要应用background-position,我可以选择容器div,它可以使用:nth-child选择器保存图像,也可以为每个容器分配单独的ID /类,例如{{1 }},position-1等。

除了上述方法之外,还有什么更好的方法可以使我有效地定位它们?

我想要仅CSS的解决方案,不想使用JavaScript。

0 个答案:

没有答案