Tooltip

[Novodk]

Hi!

I have a little problem with tooltip. 
Have quite many buttons and some tooltips gonna be behind other button.
How it's possible to show tooltip top of any element?
Tried to use z-index : 999 on  .usermode .tooltip:hover:before section but no luck.

CSS:

Code:

.usermode .tooltip:before {
  display: none;
  position: absolute;
  top: -30px;
  height: 20px;
  line-height: 20px;
  left: 0;
  background-color: #2E2E2E;
  padding: 2px 6px;
  border-radius: 3px;
}


.usermode .tooltip:hover:before {
  display: block;
  content: attr(data-name);
  position:absolute;
  top: 0;
  left: 0;
  }

EDIT:
Added additional code worked for me:

Code:

.usermode .tooltip:hover {
  z-index:555555 !important;
}

Do you mind sharing where you got your icons from?

I usually create icons by myself. I'm gonna add some to here. Feel free to use them.
(Right click -> Open image in new tab -> Right click -> Save image as)

Thank you so much, they are very beautiful.
I have been looking for something like this for a project for ages