Allow specific tag to override overflow:hidden

Question

I\'ve got a

, that\'s a certain height and width, and overflow:hidden so that specfic inner images are clipped

Answer 1

Wrap your overflow: hidden div with another div that has a css property of -

transform: translate(0, 0);

and in your specefic tag that you want it to override the - overflow: hidden , set it with -

position: fixed; it will continue to be position relatively to its parent

i.e -

.section {
    ...
    transform: translate(0, 0);
}

.not-hidden {
    position: fixed;
    ...
}

See the fiddle here