老师讲解的例子有问题

在背景整合的例子中，第二个和第三个属性分别为位置和大小，老师设置的值为center和50%,正常来说表示的位置为居中，大小与content容器的50%,但看结果的时候背景的大小为100%，大小的属性没有生效，我是不是可以认为直接使用整合属性可能会造成浏览器无法理解我写的内容？

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

收起

3回答

卡布琦诺回答被采纳获得+3积分 2017-07-03 11:58:13

div{
    background:#abcdef center 50% no-repeat content-box content-box fixed url('img/1.png');
}

这样写的时候浏览器会把50%当作是对图片的定位，background: center 50%浏览器理解为将图片位置设置为左右自动center、上下50%。因此在后面老师有讲建议分开写background的这些属性哦~

提问者小_六_ 2017-07-03 11:27:12

代码部分有写size是50%

但到浏览器里大小明显是100%，在控制器中显示大小为 initial;

卡布琦诺 2017-07-03 10:19:04

你是自己敲代码进行的测试还是老师的代码进行的测试呀？如果是你自己敲代码进行的测试，建议将代码贴上来哦~

老师有个问题

登录后可查看更多问答，登录/注册

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

问答作业

26 33

31 19

47 17

119 15

111 15

请稍等 ...

请选择置顶位置