Floating Button Does Not Stand Behind Texts and Images

1
Hello, I recently made a floating live-support button, it works fine, it moves along with the page and it is fixed, but it, when moving along with the page, goes under text and images, or be it bugging.

I've tried adding in absolute, relative, fixed, and nothing CSS.

In css it looks like this:

/* livezilla flutuante */
.botaotopo {
  display:scroll;
  position:fixed !important;
  float: right;
  display: inline;
  bottom:6px;
  right:6px;
}
    
asked by anonymous 01.03.2016 / 14:00

1 answer

2

Solved problem, for those who have the same problem I the solution is easy:

Just add to CSS:

z-index: 9;

In case the number "9" was used as a reference, but you can put any number greater than any z-index inserted in the CSS.

    
01.03.2016 / 14:09