Div元素内的图像未显示

Question

div {position: relative;}


#wrapper { 

background: url('ocean.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:  center;
background-size: 100% auto;

}

<body>

<div id="wrapper">
 </div>

我正在尝试以其他方式呈现不同元素中的ocean.png背景图像。 目前，我正在放入div，但没有显示。 早些时候，我将显示的主体放在浏览器中，该图像首先在浏览器中先水平拉伸然后垂直拉伸，然后才能够以全尺寸拉伸，但是当我先垂直拉伸时，体内的背景图像并不是在整个屏幕上拉伸，顶部和底部都是空白。

我现在正在对div进行实验，但是根本没有显示。

Answer 1

您必须设置包装纸的宽度。 宽度：100％和高度：100％

Answer 2

需要设置包装器div的宽度和高度，如果图像与CSS不在同一目录中，则引用是错误的。 如果您在/ images目录中有图像，则应将它们称为url(/images/myimage.png)

Answer 3

像其他人所说的那样设置包装纸的width和height ，并在一个声明中加入这些CSS样式，一旦设置了容器的尺寸，就可以摆脱所有其他样式。

background: url(ocean.png) center no-repeat