Pourquoi « overflow : Hidden » ne parvient-il pas à masquer les diapositives inactives dans IE6 et IE7 lorsqu'il est combiné avec « position : relative

Pourquoi « overflow : Hidden » ne parvient-il pas à masquer les diapositives inactives dans IE6 et IE7 lorsqu'il est combiné avec « position : relative » ?

Patricia Arquette

Libérer： 2024-11-03 04:27:31

original

925 Les gens l'ont consulté

Why Does `overflow: hidden` Fail to Hide Inactive Slides in IE6 and IE7 When Combined with `position: relative`?

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 : masqué. 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.

<code class="html"><body>
  <div id="container">
    ...
  </div>
</body></code>

Copier après la connexion

Dans le CSS fourni, ajoutez la ligne suivante :

<code class="css">#container {
  position: relative;
}</code>

Copier après la connexion

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!