CSS中的background属性中的0为什么等效于0% 50%?

2025-04-02 02:31:49

推荐回答（3个）

回答1：

如图所显示当写了一个0的时候浏览器会默认认为是 0 center 所以才会和0% 50%效果一样

希望对你有帮助

回答2：

解释一下，background的属性
background: url("a.gif") no-repeat 50px 5px;

这样写，你应该明白的吧，50px是距离左边50px，距离顶部5px

而你所说的0就是距离左边为0，其实就是0px，

回答3：

background的position其实有两个的即

background-position-x
background-position-y
background: url("a.gif") no-repeat 0 = background-position-x = 0；background-position-y = 0
background: url("a.gif") no-repeat 0% 50% = background-position-x = 0；background-position-y = 50

x y分别水平和指垂直重

参考资料：http://www.w3school.com.cn/css/css_background.asp