0

I'm developing a Ruby on Rails application where I need to have a button with a z-index of 2 to be on top of another element. I set that by the button's ID with this SCSS

#hireButton {
    z-index: 2 !important;
}

However, when I open the web page, the button is hidden behind the element that it is on top of. When I inspect the button, I find Chrome telling me that my button's Z-index is still auto but 2 is hidden underneath.

enter image description here

I have no idea why this is happening or how to fix it. Any help would be greatly appreciated.

Nick Gilbert
  • 4,159
  • 8
  • 43
  • 90

0 Answers0