2017-08-23 7 views
0

要素の背景画像を特定の比率でスケーリングするCSS3方式はありますか?CSSの背景と画像の一定の比率

検索時に私が見つけたすべてのドキュメントは、「バックグラウンドサイズ」を示唆していますが、ここにパーセンテージが指定されている場合は、その背景が属するパーセンテージです。私は背景画像そのものの大きさに比例してスケールしたい。

答えて

0

これは必要なものですか?このリンクを試すhttps://jsfiddle.net/beljems/dtxLjmdv/私はちょうどpaddingのパーセンテージ値を上下に付け加えました。heightは必要ありません。 background-size:coverを使用します。

希望に役立ちます。

+0

おかげで、にカバーを追加してみてください。私は実際に要素のサイズにかかわらず、特定のスケールのままにする背景を探しています。その1つでは、divのサイズに合わせてスケールされます。 –

0

これはあなたを助けるでしょうか?代わりにパーセンテージを追加する

https://jsfiddle.net/oo3yxvo0/

、私も必要なく、かなり何background-size

+0

これはまだ私が避けようとしているのと同じ問題があるようです。ウィンドウのサイズを変更すると、背景がウィンドウのサイズに合わせられます。 –

+1

画像を静的にする場合は、背景値にピクセル値を追加する必要があります。しかし、それは応答しません –

+0

ええ、私はそれが私が必要なものを得るために、JavaScriptとの組み合わせを使用すると思います。 –