为什么30px和-30px都可以达到效果？

为什么30px和-30px都可以达到效果？到底哪个是向上移动

阿biu

2016-03-01

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

关注问题我要回答

831

操作

收起

3 回答

y_jay 回答被采纳 +3 积分
2016-03-05

background-position: 0 30px;

分别表示背景图向右移动0像素和向下移动30像素。

这里使用30px和-30px都可以达到效果的原因是，这张背景图的高度总共是60px，白色和橙色部分分别为30px，我们移动背景图的位置时可以想象成在移动一张由很多张背景图平铺相连的一张大背景，所以向上或向下移动30px，都刚好是橙色的部分。

这样解释能看明白吗？

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

收起回答

阿biu 提问者

谢谢你，我还是有点没绕过来，我先记住吧

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

y_jay
2016-03-05

可以尝试着用10px 10px; 10px -10px看看就能明白了。

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

收起回答

Vivian_phz
2016-03-01

同问，为嘛正30px也可以？

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

收起回答

阿biu 提问者

听老师的视频讲解，他说-30px是向下移动30px，这题的向上移动应该是正30px啊，我糊涂了

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

0/150

提交

取消

导航条菜单的制作

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

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

进入课程

为什么30px和-30px都可以达到效果？

我要回答关注问题

热搜

最近搜索清空

为什么30px和-30px都可以达到效果？

3 回答

为什么30px和-30px都可以达到效果？