CSS Background Shorthand属性无效

Question

为什么我的CSS后台简写属性不起作用？我已经应用了很多流程，但都不起作用。

* {
padding: 0;
margin: 0;
}
.container {
width: 800px;
height: 800px;
margin: 0 auto;
border: solid 2px;
background: red url(image/computer.png) no-repeat cover fixed;
}

<div class="container">
</div>

Answer 1

您必须解决的两个问题：

您没有url的""。

您必须单独设置background-size:cover属性。

在background中设置它将不起作用。

*不确定image/computer.png是本地映像还是无效映像。如果是本地图像，只需将url替换回(我将url更改为维基百科图标以显示目的(

*{
padding: 0;
margin: 0;
}
.container{
width: 800px;
height: 800px;
margin: 0 auto;
border: solid 2px;
background: red url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/2244px-Wikipedia-logo-v2.svg.png")  0 0 no-repeat fixed;

}

<div class="container">

</div>