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:

1234567891011121314151617181920

.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:

123

.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