背景位置设置50%就等于设置center吗？

背景位置设置50%就等于设置center吗？50%不是指背景左上角的距离到定位点的距离么？

课程里面老师设置了center 50%就等于 50% 50%？为什么显示效果图片在下半部分，儿上面是空的

另外我这个代码为什么写了背景颜色整个网页就显示不出来了呢？

<!DOCTYPE html>

<html>

<head>

<title>background-image</title>

div{

width:300px;

height:300px;

background:

#ef

url(http://img1.sycdn.imooc.com/climg//582c3b780001a95103000090.jpg) no-repeat center top

,url(http://img1.sycdn.imooc.com/climg//582c3b6d0001197603000090.jpg) no-repeat center center

,url(http://img1.sycdn.imooc.com/climg//582c3b61000122dd03000090.jpg) no-repeat center bottom;

}

</style>

</head>

<body>

</body>

</html>

源自：CSS3背景与渐变 2-16 背景属性整合

收起

1回答

好帮手慕言 2020-02-26 19:31:45

同学你好，关于同学的疑问，解答如下：

1、设置50%相当于center，两者的效果是一样的。

2、center 50%相当于50% 50%。上方有空白，可以给图片设置大小，可以参考下方：

3、分开写，比如：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者 weixin_慕斯卡3305140 #1

可是设置了center不是应该在中间吗有空隙不是应该在两边吗？为什么图片在下面

2020-02-26 20:03:47
bbbboom 回复提问者 weixin_慕斯卡3305140 #2

好像跟background-attachment: fixed;这个样式也有关，你可以把fixed删了

2020-02-26 22:20:14