Show contents of external container with overflow hidden and scroll bars

Question

https://jsfiddle.net/rafaelfndev/h63r4mye/

Is it possible to show tooltipover a container with overflowset to hidden?

I know this is possible with position: fixed(green container has property overflow: hidden).

I made 2 examples, the problem is that when scrolling ... first the button scrolls with the frame, and secondly, the tooltip scrolls with the frame.

I need to put these boxes inside the container with overflow: hiddenand show a tooltip when it hangs (however, the tooltips are hidden by the overflow: hiddencontainer).

Is this possible using only CSS?