0

我有一个巨大的图像（2000 像素上的 3000 像素），我想将此图像设置为网站的背景并调整图像与窗口的比例。到目前为止，我正在这样做：

body {
    background: url('image.jpg') !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

图像设置在背景上，但并不完全可见 - 只是图像的“中心”，而不是整个图像。

有没有办法使用 CSS 来做到这一点？

4

3 回答 3

1

我想你想要这个：

* {
margin: 0px;
padding: 0px;
border: 0px groove;
}
body {
width: 100%;
height: 100%;
background-image: url(picture);
background-size: 100%;
}
于 2013-07-29T10:48:17.223 回答
0

利用background-size:100%;

另外，请检查此链接以获取更多参考。

于 2013-07-29T10:44:50.630 回答
0

您可以在您的 CSS 中执行以下操作

html
{
height:100%;
width:100%;
}

body{
margin:0px;
padding:0px;
height:100%;
width:100%;
background-image: url(picture);
}

删除任何边距或填充并将正文设置为完整

仅使用 html 页面执行此操作

<html>
<body background="bgimage.jpg" style="height:100%; width:100%;">
<h1>Hello world!</h1>

</body>
</html>

请参阅下面的 W3schools 示例 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_body_background

于 2013-07-29T10:50:46.887 回答