The CSS framework I am currently utilizing is Materialize
Whenever I try to add a new element, it inexplicably appears below the ones above it. I did not specifically instruct it to be positioned underneath or below the cover container. Adding a z-index confirms that it is indeed placed beneath the existing elements every time I attempt to insert something new.
<div class="absolute">
<div class="backgroundSettings" id="homeHero">
<nav class="transparent adjustNav">
<div class="nav-wrapper">
<a href="#" class="brand-logo left z-depth-3"><img src="images/me.jpg" class="circle meNav" id="navPic" /></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a class="editNav" href="...">Work</a></li>
<li><a class="editNav" href="...">Blog</a></li>
<li><a href="..." class=" waves-effect waves-light btn-large blue darken-3"><i class="material-icons left">person</i>Hire Me!</a></li>
</ul>
</div>
</nav>
<div class="centerME">
<img src="https://ibin.co/2m261AYwrczY.png" id="logo2" class=" "/>
</div>
</div>
</div>
<div class="absolute">
<p>
Jonthue
</p>
</div>
<p>
hi
okkokok
</p>
https://jsfiddle.net/JonthueM/2fLm3dd8/ http://codepen.io/JonthueM/pen/yJgZBb