J'ai besoin de coins arrondis sur un div parent pour masquer le contenu de ses enfants. overflow: hidden
fonctionne dans des situations simples, mais se casse dans les navigateurs basés sur le Webkit et dans Opera lorsque le parent est positionné de manière relativement ou absolue.
Cela fonctionne dans Firefox et IE9:
CSS
#wrapper {
width: 300px;
height: 300px;
border-radius: 100px;
overflow: hidden;
position: absolute;
}
#box {
width: 300px;
height: 300px;
background-color: #cde;
}
HTML
<div id="wrapper">
<div id="box"></div>
</div>
Merci pour l'aide!
MISE À JOUR: le bogue à l'origine de ce problème a été résolu depuis dans Chrome. Je n'ai cependant pas retesté Opera ou Safari.