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样式，一旦设置了容器的尺寸，就可以摆脱所有其他样式。 / p>

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

Div元素内的图像未显示

3 个答案: