I am currently working on a parallax website from scratch and I have come into a slight problem. On the landing page I have a photo covering the full screen with a navigation bar at the
top of the page placed within a white container which is stretched across the full width of the page. The container and the nav bar have both been selected to sticky.

Everything seems to be working just fine with the Parallax effect, However my problem is that when I place text and buttons on the photo on the landing page when scrolling down the page the text and the buttons seems to scroll over the white container and the navigation bar instead of behind.

Any help would be appreciated thank you

Paul777