我正在尝试创建一个轮播,在其中我将显示一些推文以及用户的个人资料图片。
我创建了一个带有所有用户个人资料图片的精灵,以减少网络请求的数量。
我可以使用background-position
要应用background-position
,我可以选择容器div,它可以使用:nth-child
选择器保存图像,也可以为每个容器分配单独的ID /类,例如{{1 }},position-1
等。
除了上述方法之外,还有什么更好的方法可以使我有效地定位它们?
我想要仅CSS的解决方案,不想使用JavaScript。