treehouse : what would you like to learn today?
Web Design Web Development iOS Development

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

  • 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!
  • You have to set the overflow to be visible on the container: overflow:visible
  • Thank you!
    It finally works!