私は短い容器の中に大きな画像を持っています。overflow: hidden;
です。画像の下部が切り取られます。どのようにして、トップをボトムの代わりに切り捨てるのですか?画像をそのコンテナの底部から始めるにはどうすればいいですか?
答えて
容器に以下のCSS与える:以下CSS
position:relative;
と画像を:
position:absolute;
bottom:0px;
P.S.を
非常に良い(クリア)イラストところで
+1、あなたは私が提出しようとしていたのとほぼ同じ回答で答えてくれました! =)私が取り組んでいるデモ:[JS Fiddle](http://jsfiddle.net/davidThomas/47Qne/1/)を提供してもいいですか? –
私は真剣に私が+1から-2まで0から+2まで5分で行ったことはありませんO_o –
@David Thomas Whoa!素晴らしいデモ! (ビット過度かもしれない)が、まだ非常にうまくいった! –
あなたのイメージがコンテナのちょうどbackground-image
ある場合は、この方法を実行します。それ以外の場合は
#container {
background: url(your-image.jpg) no-repeat bottom left;
}
を、容器の底にimg
要素を配置し、同様@Josephが示唆:
#container {
position:relative;
}
#container img {
position: absolute;
bottom: 0px;
}
よかった、ありがとう。私はこのようなHTMLを持っています: '
'ですので、2番目の方法が適用されます。 背景をもっと簡潔にするかもしれないが、それはDrupal View – enthdegreeをコンテナが例えば300ピクセルの高さを持っている場合は、この作品:
.container {
overflow: hidden;
height: 300px;
position: relative;
}
.image {
position: absolute;
bottom: 0;
}
- 1. シンプルなコンテナを始めるにはどうすればいいですか?
- 2. djangoテンプレートに外部のCSS、画像などを含めるにはどうすればいいですか?
- 3. Androidのギャラリーから画像ボタンの画像を変更するにはどうすればいいですか?
- 4. Phonegapアプリの上部から画面のスクロールを止めるにはどうすればいいですか?
- 5. Androidで画像を歪めるにはどうすればよいですか?
- 6. 画像URLのリストから画像ギャラリーを作成するにはどうすればよいですか?
- 7. クロススライド画像ギャラリーのデータベースから画像を取得するにはどうすればよいですか?
- 8. 私のサイトから晴れの日の仕事を始めるにはどうすればいいですか?
- 9. UIViewController基底クラス - それは良いかどうかです
- 10. Appcelerator Titanium - 画面下部に画像を配置するにはどうすればいいですか?
- 11. iPhone - アプリからメールに画像を埋め込むにはどうすればいいですか?
- 12. githubでホストされているジーキルプロジェクトに画像を含めるにはどうすればいいですか?
- 13. 画像の座標を使うにはどうすればいいですか
- 14. アンドロイドの画像ライブラリを扱うにはどうすればいいですか?
- 15. コロナの画像を別の画像に添付するにはどうすればいいですか?
- 16. URLから特定のコンテナ内の動画を再生するにはどうすればよいですか?
- 17. 画像の幅を広げるにはどうすればいいですか?
- 18. dockerのマウントされたボリュームからbashスクリプトを実行し、そのポートをコンテナの外部に公開するにはどうすればいいですか?
- 19. android Studioの上部に画像ビューを配置するにはどうすればいいですか?
- 20. 私のWP投稿の外部画像にリンクするにはどうすればいいですか
- 21. PHP&MYSQL - 画像データはどうすればいいですか?
- 22. Javascriptで画面の領域から画像を作成するにはどうすればよいですか?
- 23. PyWin32を始めるにはどうすればいいですか
- 24. Androidからサーバーから画像をキャッシュして表示するにはどうすればいいですか?
- 25. Bootstrapで始めるにはどうすればいいですか?
- 26. alamofireで画像をアップロードするにはどうすればいいですか?
- 27. Javaで画像をジャンプするにはどうすればいいですか
- 28. ビデオに画像をオーバーレイするにはどうすればいいですか?
- 29. 回転した画像を別の画像に保存するにはどうすればいいですか?
- 30. メタボックス画像フィールドに複数の画像を表示するにはどうすればいいですか
+1のイラスト。 –