0

私は自分のウェブサイトの背景として写真を表示しようとしているので、次のコードを使用しています

HTML:

<div>
     <img src="images/background.jpg" id="bg" alt="background_image" />
</div>

CSS:

#bg {
    width: 100%;
    height: 75%;
    position: absolute;
    z-index: -5000;
}

背景が 2000px を超えて引き伸ばされたくないので、背景の大きさに制限を設ける方法を考えていました。

ありがとう

4

5 に答える 5

1

次のcssを使用します。

html { 
    background: url(images/bg.jpg) no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

divを完全に削除します。

サイズを制限するには、次のことができます。

#bg {
    min-height: 100%;
    max-width: 2000px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
}
于 2013-02-06T03:48:06.180 に答える
1

CSS に max-width を含めるだけです。

 #bg {
    width: 100%;
    max-width: 2000px;
    height: 75%;
    position: absolute;
    z-index: -5000;
}
于 2013-02-06T04:23:43.740 に答える
0

これを試して

#bg {
width: 100%;
height: 100%%;
background-size:100%;
}
于 2013-02-06T03:59:37.123 に答える
0

使用できますmax-width

#bg {
    width: 100%;
    height: 75%;
    position: absolute;
    z-index: -5000;

    max-width: 2000px; /* use this to limit the maximum width */
}
于 2013-02-06T03:47:41.950 に答える
0

テストはしていませんがmax-width:2000px;、#bg セレクターに追加してください。

于 2013-02-06T03:48:46.540 に答える