1

だから私は背景画像のあるdivを持っています。画面サイズに関係なく、背景画像を常に画面上に100％表示したいと思います。画像を比例して拡大したいのですが、高さをトリミングします。画像を引き伸ばしたくない。私がこれまでに持っているのは：

#banner {
background:url(../images/blurry.jpg) no-repeat;
width:100%; 
height:520px;
background-size:100% 100%;

}

現時点では、これにより画像が100％に引き伸ばされ、引き伸ばされたように見えます。

誰かがこれを手伝ってくれるか、正しい方向に私を向けることができますか？

4

1 に答える 1

3

CSS3background-sizeプロパティを使用します。に設定しcoverます。そのようです：

background-size: cover;

このプロパティ値をサポートするのは IE9 以降のみであることに注意してください。IE8 は、サポートされていない値について文句を言います。coverChrome と Firefox は、少なくともここ数年はサポートされています。

于 2012-09-07T00:06:38.577 に答える