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

CSSで次のことができます

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

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

マージンやパディングを削除し、Body を full に設定するには

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 に答える