Başlangıç raylar bir programcı, bir sayfada çok sayıda resim göstermek için kullanmaya çalışıyorum. Bazı görüntülerin başkalarının üstüne koymak. Basit yapmak için, bir mavi Daire, mavi Kare ekranın sağ üst köşesinde (ama köşeye sıkı değil) kırmızı bir kare ile görüşmek istediğimi söyle. Kompozisyon (ImageMagick ve benzeri ile) önlemek için performans sorunları nedeniyle çalışıyorum.

Ben sadece üst üste binen görüntüleri birbirlerine göre konumlandırmak istiyorum.

Daha zor bir örnek olarak, bir kilometre sayacı daha büyük bir resim içinde yer hayal edin. Altı basamak için, milyonlarca farklı görüntü kompozit veya gerekli tüm diğer üst üste altı görüntüleri yerleştirmek için nerede olduğunu anında, üzerinde yapmak gerekir.

Tamam, bir süre sonra, burada çıkardım

<div style="position: relative; left: 0; top: 0;">
  <img src="a.jpg" style="position: relative; top: 0; left: 0;"/>
  <img src="b.jpg" style="position: absolute; top: 30px; left: 70px;"/>
</div>

En basit çözüm olarak. Yani:

Oluşturun akrabası div o yerleştirilir akışı sayfa; yer Bankası'ndaki görüntü ilk olarak göreli böylece div bilir ne kadar büyük olmalıdır; yer kaplama gibi mutlak ifadelere göre üst sol ilk resim. Hile yakınları ve kesin doğru.