Html CSS3图片全屏

如何在我的网站上制作全屏图片？？我已经尝试了很多方法，但仍然不能使它正确

我这样做：

    width: 100%;
height: 100%;
text-align: center;
background:url(images/top.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

好吧，一切都很好，但为了使其全宽，我必须插入大量文本或
更改图片的高度

然后我尝试以下方法：

width: 100%;
height: 100%;
text-align: center;
position: absolute;
background:url(images/top.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
min-width: 100%;
min-height: 100%; 

这个方法非常好用，但是当我在第一个DIV下添加第二个DIV时，我的第二个DIV在第一个DIV上

所以问题是，我如何在我的网站上制作全屏图片！我希望有100%的高度和100%的宽度，当我将添加第二个DIV时，所有内容都将位于第一个DIV之下

谢谢你的帮助

{
position: absolute;
background-image: url(images/top.png);
background-attachment: fixed;
top: 0px;
left: 0px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: value;
}

---

属性指定元素的堆栈顺序。

您的问题是将图像作为背景图像插入。这自动意味着其他元素可以在其顶部嵌入。尝试改用

img

标记：

<img src='myimg.png' height='100%' width='100%' />

您添加的任何其他元素现在都将插入到图像下方

---

希望这有帮助。

不起作用：（当我使用你的方法时，图片位于网站的一半，它只覆盖文本的一部分。当我使用最小高度：100%；最小高度：100%时，它工作得非常完美。但是我不能再添加另一个页面…因为第二个DIV位于第一个DIV的顶部，我设置了z-index:-1；来设置文本后面的背景，但现在我无法在页面上插入任何文本。）图片：）在第一张图片上，我有几行文字。我非常确定有一种方法可以将图片粘贴为背景，并在下面放置另一个。我想出了使用top:100%；，这很有效，因为我可以设置两张图片。但是没有回应，平板电脑的背景不是全屏的。人们是如何制作这样的网站的，这都是一个问题图像。图像顶部的文本是同一图像的一部分；它是用图形设计包制作的。如果你想要这种效果，你可能想在网上寻找一些设计软件。你也可以用JavaScript和一些CSS来实现，但它可能无法跨设备和/或浏览器工作。

body img {
    height:100%;
    min-height:100%;
    width:100%;
    min-width:100%;
}