Autoriser une balise spécifique à remplacer le débordement : caché

Question

J'ai un <div> , c'est un certain height et width , et overflow:hidden pour que les images internes spécifiques soient coupées ; Cependant, je veux qu'une image dans le <div> sorte de la bordure (c'est-à-dire pour remplacer le overflow:hidden ), comment faire ?

Answer 1

Je sais que c'est un vieux post, mais cela peut être fait (au moins dans Chrome). J'ai compris cela il y a environ deux ans et cela m'a sauvé plusieurs fois.

Réglez l'enfant pour qu'il ait une position fixe et utilisez des marges au lieu de haut et de gauche pour le positionner.

 #wrapper {
    width: 5px;
    height: 5px;
    border: 1px solid #000;
    overflow: hidden;
}

#parent {
    position: relative;
}

button {
    position: fixed;
    margin: 10px 0px 0px 30px;
}

Voici un exemple : http://jsfiddle.net/senica/Cupmb/

Answer 2

Enveloppez votre overflow: hidden div avec un autre div qui a une propriété css de -

transform: translate(0, 0);

et dans votre balise spécifique que vous souhaitez qu'il remplace le - overflow: hidden , définissez-le avec -

position: fixed; il continuera à être positionné par rapport à son parent

c'est à dire -

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

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

Voir le violon ici

Answer 3

Vous ne pouvez pas, sauf si vous modifiez votre mise en page HTML et déplacez cette image hors du div parent. Un peu plus de contexte vous aiderait à trouver une solution acceptable.