background-position 求讲解啊

background-position如果不设置的话，初始位置在哪里呢?

移动背景图片能不能用margin呢？还是一定用background-position 定位呢？

百度了说background-position有一个X和Y 轴，这个轴是在哪里呢？

我是个新人，想请大神给我讲讲，谢谢啦

陆小一

2016-01-15

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

关注问题我要回答

597

操作

收起

2 回答

whosyourdaddy1994 回答被采纳 +3 积分
2016-01-16

首先移动背景图片不能用margin

假如说你给一个DIV设置了background属性的话

就好比 DIV是一个桌子 background就是桌子上的桌布

如果用margin 不是移动了桌布而是移动了桌子桌子移动的话桌布也跟这桌子移动了

所以产生的效果就是容器位置发生改变背景不变

改变图片位置可以用background:url(123.png) 0 0 n-repeat;

上面的两个0 就分别代表了X和Y的位置你可以把他们改变成10px 和10px

一点点改变着调试瞬间就知道了

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

收起回答

陆小一提问者

非常感谢！

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

张帅哥
2016-01-16

background-position（背景定位，当然是移动背景了）:0 30px; 背景定位只有2个值，例如前面：0 30px;代表背景向右移动 0px 后向下移动30px; 呢么：-20px -30px; 代表什么呢？代表：背景向左移动20px 后向上移动30px; 总结：正数代表：背景向右下移动，负数代表向左上移动。。。（ps 你一定要理解，背景在div中是以左上角和div的左上角对齐的。。。。。。在这个基础上定位移动）我也是看了后迷茫的不行，查了好久资料。。。搞懂了，希望帮到你。。。。(我说的没错吧，错了后面的大神看见了纠正我！！！！)

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

收起回答