问题 CSS精灵图像+背景重复它的一部分


我可以重复一次吗? 部分 在背景中的图像[它是在CSS精灵图像中]?

例如:

background-position:-13px top;     background-repeat:repeat-y;

因为我重复了整个精灵图像......


9697
2018-04-06 13:29


起源



答案:


如果您将图像并排放置在一个非常宽的精灵中,您将能够使用repeat-y。如果需要使用repeat-x,可以将图像放在精灵上方。


10
2018-04-06 13:51



像素中的“宽”是什么意思?! - Waseem
@Waseem假设你在精灵中有20个图像,每个图像的宽度为100px,那么精灵的宽度为200px。 - Gareth
@Waseem - 这是一个帮助支持@Gareth解释的链接 - > CSS背景重复 - My Head Hurts


答案:


如果您将图像并排放置在一个非常宽的精灵中,您将能够使用repeat-y。如果需要使用repeat-x,可以将图像放在精灵上方。


10
2018-04-06 13:51



像素中的“宽”是什么意思?! - Waseem
@Waseem假设你在精灵中有20个图像,每个图像的宽度为100px,那么精灵的宽度为200px。 - Gareth
@Waseem - 这是一个帮助支持@Gareth解释的链接 - > CSS背景重复 - My Head Hurts