要素の背景画像を特定の比率でスケーリングするCSS3方式はありますか?CSSの背景と画像の一定の比率
検索時に私が見つけたすべてのドキュメントは、「バックグラウンドサイズ」を示唆していますが、ここにパーセンテージが指定されている場合は、その背景が属するパーセンテージです。私は背景画像そのものの大きさに比例してスケールしたい。
要素の背景画像を特定の比率でスケーリングするCSS3方式はありますか?CSSの背景と画像の一定の比率
検索時に私が見つけたすべてのドキュメントは、「バックグラウンドサイズ」を示唆していますが、ここにパーセンテージが指定されている場合は、その背景が属するパーセンテージです。私は背景画像そのものの大きさに比例してスケールしたい。
これは必要なものですか?このリンクを試すhttps://jsfiddle.net/beljems/dtxLjmdv/私はちょうどpadding
のパーセンテージ値を上下に付け加えました。height
は必要ありません。 background-size:cover
を使用します。
希望に役立ちます。
これはまだ私が避けようとしているのと同じ問題があるようです。ウィンドウのサイズを変更すると、背景がウィンドウのサイズに合わせられます。 –
画像を静的にする場合は、背景値にピクセル値を追加する必要があります。しかし、それは応答しません –
ええ、私はそれが私が必要なものを得るために、JavaScriptとの組み合わせを使用すると思います。 –
おかげで、にカバーを追加してみてください。私は実際に要素のサイズにかかわらず、特定のスケールのままにする背景を探しています。その1つでは、divのサイズに合わせてスケールされます。 –