CSS页脚背景

时间:2013-01-27 15:26:59

标签: html css image footer

我有问题,我不知道如何解决这个问题。我正在建立一个网站,在我的网站底部,我想要一个页脚图像。图像必须是全宽,高度为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。 感谢。

2 个答案:

答案 0 :(得分: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-imagebackground-color来分配图片或颜色。 e.g。

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

答案 1 :(得分:0)

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

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

此处您的图片代码将包含MyImage类。