29

背景画像を垂直に引き伸ばす方法を見つけようとしています。次の方法で 3 つの画像で CSS3 を使用しています。

background-image: url("left.png"), url("right.png"), url("center.png")
background-repeat: no-repeat, no-repeat, repeat-x
background-position: top left, top right, top

ここで、これらの画像を垂直方向に伸ばして、一番下まで伸ばしたいと思います。これを行う方法はありますか?

4

3 に答える 3

49

私はここでのパーティーに遅れましたが、これが私にとってうまくいったことです:

background-size: auto 100%;

これにより、画像が垂直に収まり、幅が必要なことを何でも実行できるようになります(デフォルトで繰り返されると思います)。以下を設定することもできます。

background-repeat: no-repeat;

水平方向に画像を繰り返さないようにします。

于 2013-11-18T19:48:28.410 に答える
32

試す:

background-size: 100% 100%;

1つ目100%は幅、2つ目は高さです。あなたの場合、2番目のセットが必要です100%

于 2012-10-02T16:45:52.490 に答える