html - Displaying to divs in front of picture in div -

good day, know title chaotic trying find answer 2 hours.

<div id="lightbox">     <img src="blabla.png">     <div href="#" id="next" onclick="next(1)"></div>     <div href="#" id="prev" onclick="prev(1)"></div> </div> 

also #lightbox z-indexed. can make next , prev divs appear in front of picture?

#next , #prev need have z-index, assuming absolute positioned. if image has absolute or relative positioning too, z-index of #next , #prev needs higher image z-index.

if #lightbox has absolute positioning need container of items has relative positioning.