Make Parallaxed Element Completely Opaque

I have the following HTML structure:

Solution 1:

You can set the stacking order using z-index. Try setting the following:

.mysection {
  position: relative;
  z-index: 1;
}

This should ensure that whatever's in your .mysection (such as the svg/map) passes over whatever intersects (assuming you don't apply a greater z-index to the other elements).