Överlappande bilder mha CSS eller JS?
 

Jag vill genomföra en ide jag har om överlappande <img> objekt.

Tänk er ett större grundobjekt som kan "dekoreras" runtom, både ovanför/nedanför och på vänster/höger sida med mindre bilder, exempelvis märken ("badges").

Hur skulle man göra detta i HTML/CSS?

Jag har koll på absolut/relativ positionering och sånt, men funderade på om det var smartare att göra det i Javascript? Nån rekommendation om ramverk isf eller skall jag göra det själv?

Jag har även en tanke om att dessa "badges" ska kunna överlappa varandra till viss del. Dvs man behöver ta hänsyn till Z-order.

Precis som du skriver fixar du det med absolut/relativ css-positionering.

Javascript behövs om du vill att man ska kunna flytta märkena, likaså behöver z-index anges om du själv vill bestämma vilka ordning märkena ska ha, annars kommer de i den ordning du anger i html-koden.