How to make a pseudo element break out of parent box?

[Murd]

Hi,

I have a problem developing my new site. I want to present sharing options as icons. To explain them I want little hints to appear above them on hover. I used pseudo element to achieve the hovering box.

I did a screenshot of the current progression: Screenshot (148 KB)

The hovering works quite fine. The only problem is, that when you hover the last one, the hint is cut by the parent box (see the screenshot). I tried using the z-index to solve the problem, but it didn’t work.

Do you have a solution or an idea where to search for one?

Thank you!

[Taufik Nurrohman]

You have to set the overflow to be visible on the container: overflow:visible

[Murd]

Thank you!
It finally works!

[Author]

Posts