为了账号安全,请及时绑定邮箱和手机立即绑定

background-position有什么作用

background-position有什么作用

正在回答

3 回答

background-position是设置背景位置,第一个参数:水平位置(左右)为0是不变化;第二个参数:设置垂直方向 (上下),-30px是向下移动30px。为什么减30px呢?因为这个按钮图片本身是120px*60px,总高度为60px;且已经在a样式里面设置为height: 30px;显示白色背景圆角。所以background-position:0 -30px;就是当你放在按钮时候高度下降30px,就有白色背景变为橙色背景效果。


3 回复 有任何疑惑可以回复我~
#1

夜尽天明4039292

-30像素是向上移动30px,正好将图片上面的30像素白色区域移除a元素的区域。不是下移
2016-10-04 回复 有任何疑惑可以回复我~

但是在这里我感觉多此一举,代码原来位置有问题吗

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

用来设置背景图像的位置,第一个数值是横向位置,第二个数值是纵向位置。

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

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

background-position有什么作用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信