我只需要将精灵图像的一部分作为div背景,但是结果是这样的:
我假装是这样的:
我需要在模板中仅使用一个精灵图片(老板要求)。为此,我需要帮助。
我的html:
<div class="background"></div>
我的CSS:
.background {width: 100%;
height: 166px;
background-size: 93px 166px;
background: url('library/images/sprites.png') -150px 0px repeat-x;
}
您只能在一个方向上重复精灵。
要水平重复精灵,您需要编辑精灵,以使要重复的图像位于其他图像的下面,而在图像的两边都没有其他内容。
然后,您提供的代码将起作用(更改位置以适合)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句