How to help pseudo-element to climb outside the parent unit?

It is necessary to help the pseudo-element to get out of the limits of the parent block 70px by 20px. After adding it, it is simply clipped. Alignment does not help top/left -> position:absolute Pseudo-element styles:

 &:before { content: ''; .size(68px,25px); position: absolute; background: url("../images/active-cell.svg"); }

Parent styles:

 .default { width: 70px; cursor: move; display: table-cell; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; line-height: 19px; padding-left: 3px; box-sizing: border-box; font-size: 10px; color: black; position: relative; overflow: hidden; white-space: nowrap; }

There is another option how to do it, but I do not want to use js

  • 2
    `overflow: hidden;` take away from the parent - pepel_xD
  • @pepel_xD tried, and already found a solution - Artem Holinka

1 answer 1

The overflow: visible; property has been added to the parent element overflow: visible;