                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /搜索框制作

添加这个属性是什么意思

.search-submit{ float:left; cursor:pointer; height: 29px; width: 29px; background: transparent url(http://img1.sycdn.imooc.com//52da5df800012b1e02220137.jpg) no-repeat -30px -107px; border: 0; }这个background里为什么添加-30px -107px；

慕工程4228396

2018-01-30

源自：搜索框制作 1-6

关注问题我要回答

1210

操作

收起

2 回答

qq_long妹_0
2018-05-05

http://img1.sycdn.imooc.com//52da5df800012b1e02220137.jpg 打开这个链接，可以看到老师使用的背景图片原本的样子，添加-30px -107px是为了移动背景图片，使按钮的背景刚好是放大镜的图案

0 回复有任何疑惑可以回复我~

慕婉清6157966
2018-01-31

设置图片位置，等同background-position: -30px -107px;

0 回复有任何疑惑可以回复我~

#1

慕工程4228396 提问者

这个我知道，我是想问什么原理？大小怎么来的？

2018-01-31 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

搜索框制作

参与学习 66042 人
解答问题 431 个

本课程从简入深讲解搜索框的制作，学习JQ与JS实现Ajax技术的不同点

添加这个属性是什么意思

我要回答关注问题

意见反馈帮助中心 APP下载