Bir html tablosundaki resimlerin bir listesi var ve her görüntüdeki küçük bir simgenin üst üste gelmesi gerekiyor. Bunu z endeksi ve konumlandırma kullanarak nasıl yapabiliriz?CSS stilini kullanarak iki görüntüyü nasıl örtüşebiliriz?
cevap
buraya bakın konumlandırma konusunda burada https://developer.mozilla.org/en/understanding_css_z-index
bir makale z-index ve kullanabilirsiniz hakkında bir rehber. http://jsbin.com/univa
<html>
<head>
<style type="text/css">
.under
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
.over
{
position:absolute;
left:40px;
top:10px;
z-index:-1;
}
</style>
</head>
<body>
<img src="https://tafttest.com/184x46.png" width="184" height="46" class="under" />
<img src="https://tafttest.com/100x84.png" width="100" height="84" class="over" />
</body>
</html>
güzel bir ex ... :) –
Css sihirli mükemmel parça – Cid
position:relative
modelini kullanabilir ve right:30px
, bottom:30px
adreslerini ayarlayabilir, bu da 30 piksele kadar sola ve kaydırır.
CSS: Eğer yukarıda yer almasını istediğiniz eleman ihtiyacı
.icon{
position:relative;
right:30px;
bottom:30px;
}
Yani küçük bir simge 2 z-index olurdu daha yüksek bir z-index
olması ve görüntüleri olur İşte
.icon {
z-index: 2;
position: relative;
left: 30px;
top: 30px;
}
.images {
z-index: 1;
}
: 1
Örnek bir z-indeksine sahip Eğer http://www.tizag.com/cssT/position.php
- 1. Görüntüyü css kullanarak döndürme
- 2. css hover stilini kaldırın
- 3. CSS stilini, div içinde
- 4. ImageMagick'i kullanarak iki görüntüyü nasıl arayabilirim?
- 5. Görüntüyü beyaz kenarlık olmadan CSS kullanarak ortalamak
- 6. Görüntüyü değiştir asp kullanarak: ımagebutton ve CSS?
- 7. JavaScript: Oluşturulan açıklığın CSS stilini nasıl değiştirebilirim?
- 8. Görüntüyü CSS kullanarak rasgele bir miktarda nasıl döndürürün?
- 9. CSS stilini elemandaki 2 listenin elemanlarına ekle
- 10. Android iki görüntüyü birleştir
- 11. öğesine dokunduğunuzda css stilini uygular, üst bağımsız
- 12. CSS, tıklama stili stilini tıkladıktan sonra
- 13. CSS: Görüntüyü% 100 genişliğe genişletme
- 14. CSS kullanarak görüntüyü döndürmek için çapraz tarayıcı yolu?
- 15. İki görüntüyü python değnekle birleştirmek
- 16. nasıl css etiketi img küresel stilini geçersiz kılmak için
- 17. Jest.js'yi kullanarak bir React Component stilini nasıl test edebilirim?
- 18. İki PNG şeffaf görüntüyü birleştirin
- 19. iki png görüntüyü aynı anda pylab kullanarak görüntüleme
- 20. CSS sonraki iki öğe
- 21. Görüntüyü yakınlaştırıp ortalamak nasıl?
- 22. UITableViewCellStyleValue2 stilini kullanarak çok satırlı UITableViewCell
- 23. İyonik kullanarak iOS'ta bir ilerleme çubuğunun stilini nasıl değiştirebilirim?
- 24. stilini nasıl ayarlanır programlı
- 25. Jquery döndürme eklentisini kullanarak görüntüyü nasıl döndürürsünüz?
- 26. PHP kullanarak bir görüntüyü doğrudan nasıl görüntüleyebilirim?
- 27. Stilleri veya Javascript kullanarak görüntüyü parlaklaştırma
- 28. Blur Nasıl Div CSS kullanarak
- 29. CSS kullanarak SVG'ler nasıl oluşturulur?
- 30. Görüntüyü döndürme ve görüntüyü kaydetme
bu olabilir yardım oku http://stackoverflow.com/questions/4863644/overlap-across-width-of-two-divs – digital