CSS Image Sprites - 如何获取图像的一部分

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS Image Sprites - 如何获取图像的一部分相关的知识，希望对你有一定的参考价值。

<style>
div.img1{
    width:32px;  /* width of selected icon */
    height:32px; /* height of selected icon */
    background:url(http://mysite/image.png) -130px -16px; /* the position of icon in the main image */
}

div.img2{
    width:29px;
    height:27px;
    background:url(http://mysite/image.png) -35px -2px;
}
</style>

<body>
    <div class="img1"></div>
    <div class="img2"></div>
</body>

以上是关于CSS Image Sprites - 如何获取图像的一部分的主要内容，如果未能解决你的问题，请参考以下文章

css切图Sprites

CSS Sprites(CSS 精灵)

如何把Jquery button 中的 Icon换成自己定义的Icon (CSS SPRITES)

CSS Sprites样式生成工具的使用

如何使用 CSS sprites 组合图像

如何使 <CSS 过渡> 适用于 external-svg-sprites 和 css-variable？