CSS 页脚背景答案

【问题标题】：CSS Footer BackgroundCSS 页脚背景
【发布时间】：2013-01-11 00:21:31
【问题描述】：

我有一个问题，我不知道如何解决这个问题。我正在制作一个网站，在我的网站底部我想要一个页脚图像。图像必须是全宽和 375 像素的高度。但我真的不知道该怎么做。我已经尝试了 css 和 html 中的所有内容，但它不起作用。每次我在 html 中放一些东西时，图像只是它的正常大小，高度为 375px，这很好，但它并没有填满屏幕的宽度。那么任何人都可以帮助我吗？我尝试过的事情： HTML：

<div id="image">
<img src="images/college.jpg/>
</div>

CSS：

#image {
width: 100%;
height: 375px;
}

请记住，我是 html 和 css 的新手，我只是不知道如何解决这个问题。我尝试了很多东西，但它只是不工作。它就像一个全宽页脚，但它需要是图像而不是颜色。背景图像：src（'图像/college.jpg'）；没用。请帮我处理html和css。谢谢。

【问题讨论】：

标签： html css image footer

【解决方案1】：

#image img {
width: 100%;
height: 375px;
}

您的 CSS 选择器选择的是图像的父 div 而不是图像。这就是为什么它不能满足您的要求。

如果您想使用background-image 属性，请记住src 无效。你必须在 CSS 中像这样使用url：

#image {
width:100%;
height:375px;
background-image:url('images/college.jpg');
}

在 CSS 中，您还可以通过键入 background 而不是 background-image 或 background-color 来指定图像或颜色。例如

#image {
width:100%;
height:375px;
background:url('images/college.jpg'); /* background:#fff; */
}

【讨论】：

【解决方案2】：

您的目标是 div 而不是这里的图像。图像在 div 内，您必须了解 div 只是图像的容器。所以你可能想要定位图像。例如：

img.MyImage{
width:<your width here>;
height:<your height here>;
<!-- dont put <> in actual code -->
}

在这里，您的图像标签将具有 MyImage 类。

【讨论】：