Auge: Icon über Image

Beitrag lesen

Hallo

ich hab grad Probleme, ein Icon über ein Image zu plazieren:

<div class="col-md-2">
		<img src="./assets/img/female.jpg" class="cursorPointer" alt="profilePic"/>
		<span class="glyphicon glyphicon-upload"></span>
	</div>

Hat da jemand vielleicht einen Tip, wie ich das am einfachsten schaffen kann?

Positioniere das div mit position: relative;, ohne Positionsangaben zu vergeben. Das div bleibt somit an Ort und Stelle und ist dennoch aus dem Dokumentfluss genommen. Die Kindelemente img und span positionierst du absolut, wobei sich die Positionen am relativ positionierten Elternelement ausrichten. Dann holst du das span mit z-index nach vorne.

Tschö, Auge

--
Wir hören immer wieder, dass Regierungscomputer gehackt wurden. Ich denke, man sollte die Sicherheit seiner Daten nicht Regierungen anvertrauen.
Jan Koum, Mitgründer von WhatsApp, im Heise.de-Interview