Grow your CSS skills. Land your dream job.

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

  • # July 29, 2012 at 6:27 am

    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!

    # July 29, 2012 at 7:44 am

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

    # July 29, 2012 at 11:31 am

    Thank you!
    It finally works!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".