HTML / CSS背景图像仅显示使用的图像的一部分

时间:2011-09-07 11:43:07

标签: html css image web background

正如标题所述, 我目前正在建立一个网站,我是新手,我正在努力学习。然而,这个问题非常令人沮丧,因为我已经去过的网站没有帮助。

所以目前我的图像分辨率足够高,应该可以轻松填满屏幕。但是,当我加载HTML时,图像会在右上角放大,这是唯一可见的部分。我尝试过使用“height”和“width”命令。我也试过没有它们。我试图使用<div><body>。但是这个问题仍然存在。

另一点是,当我使用<div>整个屏幕未填满时,它仍然在我认为<div>周围有一个白色边框。

2 个答案:

答案 0 :(得分:1)

如果您需要支持旧浏览器,那么就不像添加一个或两个属性那么简单。

阅读本文:http://css-tricks.com/3458-perfect-full-page-background-image/

  

另一点是,当我使用<div>时,整个屏幕不是   填充,它仍然有一个白色边框围绕我认为是   <div>

您需要使用此CSS删除margin上的默认body

html, body {
    margin: 0;
    padding: 0;
}

答案 1 :(得分:1)

好的,我建议你不要用px而不是%来制作宽度和高度,然后尝试用CSS设置图像

阅读此链接,它会更有用 http://css-tricks.com/3458-perfect-full-page-background-image/