能不能举个例子,告诉我雪碧图如何在代码中调用

来源:3-2 切图实战--banner和内容

迷失的小麦

2019-12-17 10:04:38

用定位吗?

写回答

1回答

好帮手慕码

2019-12-17

同学你好,不是通过定位,而是通过background-position这个属性去实现。如下示例:老师从网上随便找了一张雪碧图,想要使用第二个图片:

http://img.mukewang.com/climg/5df850ab09e5618303140448.jpg

可以如下设置:

http://img.mukewang.com/climg/5df85100091429d802950436.jpg

这里我们只需要挪动水平方向,垂直方向不需要挪动:

(-165是简单测量得出,可能不准确,可以简单调试)

http://img.mukewang.com/climg/5df8514a0927ab4f06890260.jpg

效果:

http://img.mukewang.com/climg/5df8519c09c0522201360122.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 40143 问题

查看课程