IE6 IE7 CSS Problème de débordement : caché ; - position : relative ; Combo

Ce problème survient lorsque vous tentez de masquer des diapositives inactives dans un curseur en utilisant la propriété CSS overflow : Hidden. Cependant, dans IE 6 et 7, cette approche échoue, laissant visibles les diapositives non actives. La cause première réside dans la combinaison de overflow: Hidden et position: relative sur l'élément ul conteneur.

Une solution de contournement connue pour ce problème consiste à ajouter position: relative à l'élément conteneur. Dans la structure HTML donnée, la balise body sert de conteneur. Pour résoudre le problème, ajoutez un div directement sous le corps et attribuez-lui la position : relative.

  

    ...
  

Dans le CSS fourni, ajoutez la ligne suivante :

#container {
  position: relative;
}

Cette modification résoudra le problème et permettra l'utilisation de overflow: Hidden pour masquer les diapositives inactives dans IE 6 et 7, garantissant ainsi une fonctionnalité appropriée du curseur.