Html 背景尺寸的封面不起作用

HTML:

---

背景图像没有占据整个屏幕。感谢您的帮助

---

下面是一个

将这些属性添加到css文件的div部分 {

-moz背景尺寸：封面

-o-背景尺寸：封面

-webkit背景尺寸：封面

---

}将这些属性添加到css文件的div部分 {

-moz背景尺寸：封面

-o-背景尺寸：封面

-webkit背景尺寸：封面

---

}

必须设置div img，而不仅仅是div。为元素指定100%的高度和宽度，它应该覆盖视口

div img {
   position: fixed;
    top: 20px;
    z-index: -1;
    opacity: .5;
    background-size: cover;
    height: 100%;
    width: 100%
}

---

必须设置div img，而不仅仅是div。为元素指定100%的高度和宽度，它应该覆盖视口

div img {
   position: fixed;
    top: 20px;
    z-index: -1;
    opacity: .5;
    background-size: cover;
    height: 100%;
    width: 100%
}

---

背景图像是css属性，但您正试图将其应用于图像标记。您将需要执行以下操作：

HTML:

---

背景图像是css属性，但您正试图将其应用于图像标记。您将需要执行以下操作：

HTML:

---

要用作页面背景的图像放置在比页面大小小的div中。因此，即使图像填充了div，也不会填充页面

一个可能的解决方案是按照Richard的建议将背景图像直接应用到身体上

但是，如果希望图像位于单独的div中，则首先需要使div覆盖整个页面。CSS属性的小更新应该可以做到这一点

div{
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .5;
    background-size: cover;
}

接下来，您需要使图像覆盖整个div。您可以通过设置

width: 100%; 
height: 100%;

在img标签上，或完全删除img标签并添加

background-image: url("columbus-nav-850x637.jpg");

---

在css中，用于div本身。您可能还需要在“background”div上设置适当的z-index，以便将其置于页面其他内容的后面。

要用作页面背景的图像放置在比页面大小小的div中。因此，即使图像填充了div，也不会填充页面

一个可能的解决方案是按照Richard的建议将背景图像直接应用到身体上

但是，如果希望图像位于单独的div中，则首先需要使div覆盖整个页面。CSS属性的小更新应该可以做到这一点

div{
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .5;
    background-size: cover;
}

接下来，您需要使图像覆盖整个div。您可以通过设置

width: 100%; 
height: 100%;

在img标签上，或完全删除img标签并添加

background-image: url("columbus-nav-850x637.jpg");

---

在css中，用于div本身。您可能还需要在“background”div上设置适当的z-index，以便将其置于页面其他内容的后面。

С检查“background attachment”参数。它不应该有“固定”的值

检查“背景附件”参数。它不应该有“固定”的值

我知道我可以直接通过CSS设置背景图像，但我也可以按照我用

z-index=-1

显示的方式进行设置。。这会将图像发送到背景，但如果不保持纵横比，则图像会拉伸。如果你将此应用于一个页面上的多个图像，你也会在Firefox中遇到问题。我知道我可以直接通过CSS设置背景图像，但我也可以按照我用

z-index=-1

显示的方式进行设置。。这会将图像发送到背景，但如果不保持纵横比，则图像会拉伸。如果您将此应用于一个页面上的多个图像，Firefox中也会遇到问题。