overflow: hidden;
ile kısa bir kapsayıcıda uzun bir görüntüm var. Görüntünün alt kısmı kesildi. Tepenin alt kısmı yerine kesip nasıl kesilir?Kabın alt kısmında bir görüntüyü nasıl başlatırım?
cevap
konteyner aşağıdaki CSS elde aşağıdaki CSS
position:relative;
ve görüntü:
position:absolute;
bottom:0px;
dip not Btw
+1, gönderdiğiniz için hemen hemen aynı cevapla cevapladınız! =) Size üzerinde çalıştığım demoyu sunabilir miyim: [JS Fiddle] (http://jsfiddle.net/davidThomas/47Qne/1/). –
5 dakika içinde +1'den -2'ye 0'dan +2'ye nasıl gittiğimi ciddiye almadım O_o –
@David Thomas Whoa! Harika demo! (biraz overkill olabilir) ama yine de çok güzel bitti! –
Çok güzel (ve net) çizimler görüntü bu şekilde yaparsak, kabın sadece background-image
ise: gibi, Aksi
#container {
background: url(your-image.jpg) no-repeat bottom left;
}
kabın dibine img
elemanı konumlandırmak @Joseph önerdi: konteyner örneğin bir 300px yüksekliği
#container {
position:relative;
}
#container img {
position: absolute;
bottom: 0px;
}
Tamam, teşekkürler. Bu gibi HTML'im var:
'ikinci yöntemin uygulandığı yöntemdir. Arka plan yapmak biraz daha kısa olabilir, ancak bu Drupal Görünüm'ün olması oldukça zor olabilir – enthdegree, bu çalışır:
Gösterim için.container {
overflow: hidden;
height: 300px;
position: relative;
}
.image {
position: absolute;
bottom: 0;
}
- 1. Ekranın alt kısmında appbarLayout koyma
- 2. C# içinde bir argv ile bir alt işlemi nasıl başlatırım?
- 3. Alt işleri veya alt akışları dinamik olarak nasıl başlatırım?
- 4. alt görüntüyü arkaya gönder
- 5. Bir telefon ekranının alt kısmında kalmak için bir düğmeye zorlama
- 6. Arka plan resminin alt kısmında yeniden nasıl görünebilirim?
- 7. ios7 - Özel UItabbar'ın alt kısmında bir boşluk var
- 8. Bir yapıdaki bir diziyi nasıl başlatırım
- 9. Highcharts: y ekseninin min değeri grafiğin alt kısmında
- 10. Docker, çıkarılan bir kabın günlüğüne bakar
- 11. Bir devam görev görev örneğini nasıl başlatırım?
- 12. Bir Android uygulamasını komut satırından nasıl başlatırım?
- 13. Bir Phusion Yolcu Standalone'u nasıl yeniden başlatırım?
- 14. IRB konsolunu bir komisyon görevinden nasıl başlatırım?
- 15. Bir zaman dilimini saniyelerle nasıl başlatırım
- 16. Bir const std :: pair'i nasıl başlatırım?
- 17. Vim'in tamamlanmasının ekranın alt kısmında görünmesi mümkün mü?
- 18. Mevcut ortamımla nasıl tmux başlatırım?
- 19. Şablon işlevini nasıl açıkça başlatırım?
- 20. Esnek bir ürün nasıl yapılır esnek kabın yüksekliğini doldurmaz?
- 21. UIImageView bir UICollectionViewCell alt sınıfında sınırların dışında görüntüyü gösterir
- 22. C++ - Bir sınıfın yapıcısından ayrı bir sınıfın kurucusunu nasıl başlatırım?
- 23. Farklı bir güvenlik bağlamında bir iş parçacığı nasıl başlatırım?
- 24. Bir atomic_flag değişkenini bir sınıfın üyesiyse nasıl başlatırım?
- 25. Ben bir görüntüyü nasıl değiştirebilirim
- 26. java'daki bir görüntüyü nasıl yükleyebilirim
- 27. Yığın çubuğu grafiğinin üst kısmında nasıl görüntülenir
- 28. Şeklin üst kısmında x ekseni nasıl çizilir?
- 29. WPF penceresini konsoldan program aracılığıyla nasıl başlatırım?
- 30. smalltalk singleton pattern: Örnek değişkenlerini nasıl başlatırım?
+1. –