كيف يتم تراكب الصور بتنسيق HTML (شيء مثل العلامة الموجودة أعلى خريطة جوجل)؟

Question

هل يعرف أحد كيفية عمل تراكب الصور أو الظهور فوق بعضها البعض في HTML؟سيكون التأثير مثل العلامة/الرمز الذي يظهر على خريطة جوجل حيث يمكن للمستخدم تحديد إحداثيات الصورة الثانية التي تظهر على الصورة الأولى.

شكرًا.

Answer 1

يمكنك استخدام <div> حاويات لفصل المحتوى إلى طبقات متعددة.لذلك، يجب وضع حاويات div بشكل مطلق وتمييزها بمؤشر z.على سبيل المثال:

<div style="position: absolute; z-index:100">This is in background</div> 
<div style="position: absolute; z-index:5000">This is in foreground</div> 

بالطبع يمكن أن يحتوي المحتوى أيضًا على صور، وما إلى ذلك.

Answer 2

استخدم علامة DIV والموضع المطلق لـ CSS، مع خاصية z-index.

http://www.w3.org/TR/CSS2/visuren.html

Answer 3

طبقات المغلق.