CSS和图像错误-不'；不显示图像

我在尝试定位我的图像时遇到了一个小问题，它并没有按照我想要的显示，我已经寻找了几个小时的答案。我希望我的图片显示为箭头点： 我希望这个图像是在100%的宽度，我只是不能使它看起来像我想要的。我可以将其与facebook封面图片进行比较（顶部的菜单、一个大图像、一些小的声音云和facebook，就像我已经有的一样；））。 对不起，我的英语是：s

----我的html（很抱歉，如果它不可读，我会根据要求复制并上传所有内容）----

谢谢大家：）

编辑：

@3rror404谢谢，但我知道100%的宽度是多少，这样图像缩放就可以根据浏览器的大小移动，并自动从2560x1600缩小

#cover-image {
    width: 100%;
    height: 400px;
    background-image: url(background_cover.jpg);
    background-repeat: no-repeat;
    background-position: left top;

现在的高度是400xp，但还不足以看到整个画面

正如你在这里看到的，宽度起作用，高度却不起作用

---

@Kamal我使用了你的css，但是当我来回拖动我的浏览器窗口时，我可以看到图像刚刚被切断，在一个狭窄的浏览器窗口中，从声音云到图片有一个很大的空间。

我不确定我是否遵循了你的问题。。但是你的意思是，你设置为背景属性的图像应该缩放到容器的宽度吗

#cover-image {
width: 100%;
height: 400px;
background-image: url(background_cover.jpg);
background-repeat: no-repeat;
background-size:100%;
background-position: left top;

---

应使背景图像宽度与容器宽度相适应。。这就是你要找的吗？

如果我正确理解了你想要的问题

背景尺寸：封面

#cover-image {
    height: 400px;
    background: url(background_cover.jpg) center center;
    background-size: cover;
}

这将迫使背景图像覆盖整个容器，同时保持纵横比并保持水平和垂直居中

（调整浏览器大小）

---

编辑

好的，如果您不关心维护纵横比，请使用

背景大小：100%100%

#cover-image {
    height: 400px;
    background: url(background_cover.jpg);
    background-size: 100% 100%;
}

这会将背景图像缩放到容器高度的100%和宽度的100%，即使这意味着拉伸或挤压图像

---

哪一项应该是您希望正确显示的项目？您没有给封面图像指定高度。它将崩溃为0px，因为它没有内容。你应该给它一个与背景图像相匹配的高度。@3rror404的确，我首先要做的是thougt@user2308933图片封面的url是什么？打开并检查高度，然后在那里键入

height:100px；[仅举一个例子]

不确定您是否解决了该问题，但我想知道图像是否显示您是否先给了它一个固定的高度和宽度。如果仍然不正确-是否检查图像的文件路径是否正确？如果是，您是否检查了图像是否具有正确的权限设置？（我这样问是因为我注意到，如果我的图像文件夹没有正确的权限设置，它将不会显示我的图像）是的，好的。这样做时，您会剪切一些图像，而不是按照我的意愿重新调整大小/缩放它：/i得到了：）但是如果您希望图片在图片展开时向下推我的页脚，您会使用什么命令？

#cover-image {
    height: 400px;
    background: url(background_cover.jpg) center center;
    background-size: cover;
}

#cover-image {
    height: 400px;
    background: url(background_cover.jpg);
    background-size: 100% 100%;
}