I am trying to get three elements to stack properly on this page:
1. The player should be in the background. (z-index: 1)
2. The blue stripe should be above the player (z-index:2)
3. The button should be above them (z-index:3).
Problem is: inheritance or z-indexes from bootstrap seem to be getting in the way.
Can anyone please explain to me the best way to stack these divs so they display correctly?