html - 通过CSS中的位置从图像文件中获取背景图像

标签 html css

我们假设我们有下面的图片(是一个带有 4 个单选按钮的文件，看起来一样，但是例如，图标可能不同):

enter image description here

前段时间我看到如何通过在 CSS 样式中指定背景位置来获取图像。怎么做？

意思是，如何在 CSS 中从右下角获取图标，而不是将该文件分别拆分为四个图标？

很抱歉这个问题已经过时了，但我是 CSS 的初学者。

最佳答案

查看 background-position 属性。

MDN 有 an article关于它，包括示例。

还有许多关于 image-sprites with CSS 的文章.

关于html - 通过CSS中的位置从图像文件中获取背景图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9884660/

相关文章：

javascript - 有没有办法隐藏 IFRAME src 页面中的元素？