课程
/前端开发
/JavaScript
/H5+JS+CSS3 实现圣诞情缘
怎么通过百分比去取图？
2016-06-11
源自：H5+JS+CSS3 实现圣诞情缘 3-3
正在回答
假设一张图有5张小图左右相连组成，每张小图大小相等30x10, 则整张大图为150x10；
在一个30x10的元素上显示这张大的背景图，如果background-size: 100% 100%,则图片被压缩成30x10,就会变形。
所以，可以设置background-size: 500% 100%,则刚好显示一张没变形的小图，图片多出部分被隐藏， 如果有动画，则可以每一次移动20%。
举报
为圣诞节准备的H5+JS+CSS特效案例教程，实现静与动的结合
2 回答background-position的百分比怎么弄啊？
2 回答background-position: -400% 100%的百分比怎么理解？
1 回答关于图片的百分比~png格式有什么特别？
1 回答没有谁解释background-position用百分比的用法吗？
5 回答图片超出容器时background-position百分比值方向的问题//列子评论里有
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
