I am facing a challenge where I want to hide a paragraph within an element, and layer it behind another element. Despite my attempts with z-index, I have been unsuccessful in achieving this effect between the elements.
Could someone shed some light on why this is not working? Please visit the website here. Thank you for your insights!
<div class="about-info">
<p>content</p>
</div>
<div class="about-container">
Additional content
</div>
.about-container { z-index:9999; position:relative; }
.about-info { background-color: #d7d7d7; z-index:-700; position:relative; }
.about-info p { z-index: -800; position:relative;}