このような特定の幅を持つウィンドウのサイズを変更した後、背景画像を反応させたいと思っています。img http://preview.oklerthemes.com/porto/5.4.0/demo-construction.html。特定の幅のウィンドウのサイズを変更した後に背景画像を反応させるにはどうすればよいですか?
答えて
これは、あなたがdeveloper toolsを使用してconstruction site exampleで見つけることができるものである。
あなたはcover
にbackground-size
を設定することができます。 url()
で*
があなたのイメージへのパスです
.element {
background-image: url('*');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
。
.element {
background: url('*') no-repeat center center/cover;
}
いいえ、あまりにも速くイメージを伸ばすカバー、私はそれを望んでいますリットイズ後のウィンドウの幅のリサイズ後、リサイズhttp://preview.oklerthemes.com/porto/5.4.0/demo-construction.html – July
試しましたか?ブラウザの開発ツールを使用してこのWebページを確認しますか?上記の私の更新された答えを見てください。これを常に覚えておいてください。特に、スライダに 'cover 'を使用すると、それに応じて画像を表示したい場合は、画像のアスペクト比が同じである必要があります。 – snkv
申し訳ありませんが、あなたが正しいです、私は視差効果を作るために私の背景divが固定されていることを忘れているので、私は身長が必要ですobbligatory – July
- 1. サイズを変更した後、別のウィンドウで画像を開くにはどうすればよいですか?
- 2. 背景画像が特定の幅で反応しなくなる
- 3. ネイティブな全幅の背景画像に反応します。「Android」
- 4. 反応モーションで背景画像を変更し、一連の画像をループするにはどうすればいいですか?
- 5. 画像のサイズよりも小さい場合、画像を100%の画面幅にサイズ変更するにはどうすればよいですか?
- 6. jQueryで背景画像のサイズを変更するには
- 7. サイズを変更してブログのソーシャルメディアボタンを反応させるにはどうすればよいですか?
- 8. iframe動画の背景画像を変更するにはどうすればよいですか?
- 9. 背景画像のサイズが変更されました
- 10. 要素追加後に背景画像のサイズが自動的に変更されないようにする
- 11. モバイル/ iPhoneで背景画像のサイズが変更されない
- 12. 現在の背景画像の特定の部分にホバリングして背景画像を変更します
- 13. ピクチャボックスの背景画像のサイズ変更
- 14. ウェブページの背景画像のサイズ変更
- 15. 背景画像の不透明度を変更するにはどうすればよいですか?
- 16. ナビゲーション項目(ボタン)の背景画像を変更するにはどうすればよいですか?
- 17. ヘッダーイメージを画面サイズの変更に対応させるにはどうすればよいですか?
- 18. Chromeが背景画像のサイズを変更しないようにするにはどうすればよいですか?
- 19. Owlカルーセルの画像スライドが反応しないようにサイズ変更する
- 20. 背景画像をぼかすにはどうすればよいですか?
- 21. 背景画像のサイズが700px未満に変更されていません
- 22. 特定のウィンドウ幅になるまで、divの高さを比例的にサイズ変更するにはどうすればよいですか?
- 23. PhoneGapアプリで背景画像を変更するにはどうすればよいですか?
- 24. この画像をページサイズに応じて反応させるにはどうすればいいですか?
- 25. グラデーションの背景のボタンのサイズを変更するにはどうすればよいですか?
- 26. 別の背景画像の背後に背景を設定するには?
- 27. Androidのコードから画像の背景を設定するにはどうすればよいですか?
- 28. セルを特定の期間の後に編集した場合、そのセルの背景色を変更するにはどうすればよいですか?
- 29. 画面サイズに応じてボタンのサイズを変更するにはどうすればよいですか?
- 30. ボタンで画像サイズを変更するC#(背景画像ではない)
あなたはロゴ画像を意味:
それとも単には簡略バージョンを使うのか? –