为什么改为background-position:0 30px;依旧能实现效果

Y轴正数表示下移，负数表示上移，菜单被选中要显示背景图片的下半部分，为什么把背景图片下移依旧能实现效果？

我要吃冰激凌

2016-03-04

源自：导航条菜单的制作 3-3

关注问题我要回答

790

操作

收起

4 回答

一只特立独行的doge
2016-04-04

看到幕友的答案是图片移动是循环的，也就是说，你设置30px 90px，或者-30px -90px效果都一样

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

四叶草姑娘
2016-03-04

没有修改背景重复属性，默认重复。

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

#1

四叶草姑娘

代码中加入以下代码，则当下移时出现白色原始背景。 background-repeat:no-repeat;

2016-03-04 回复有任何疑惑可以回复我~

唯森669
2016-03-04

因为在此之前，添加了图片，作为背景的原图像，根据需要，这里设置x轴为0，y轴为30

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

qq_我亦非凡_0
2016-03-04

可能因为图片高度是60px 换别的图应该不行

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

举报

0/150

提交

取消

导航条菜单的制作

参与学习 123899 人
解答问题 813 个

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

为什么改为background-position:0 30px;依旧能实现效果

我要回答关注问题

意见反馈帮助中心 APP下载