How can I position my p tag above all other elements?
Here is the code snippet:
HTML
<section class="key-fundamentals">
<div class="container">
<img class="img-man-cbox img-responsive" src="images/img-man-cbox.png">
<p>Our key fundamentals</p>
</div>
</section>
CSS
.key-fundamentals {
z-index: -999;
height: 535px;
background-image: url('../images/bg-fundamentals.png');
background-position: center;
background-repeat: no-repeat;
}
.key-fundamentals .img-man-cbox {
z-index: 1;
position: absolute;
top: 782px;
left: 80px;
}
.key-fundamentals p{
z-index: 2;
color: red;
}
The h1 tag appears below the img2 image when set to absolute.
Setting z-index to -1 for img2 makes the image disappear.
Please provide assistance, thank you!
Appreciate the help in advance...