Maison >interface Web >tutoriel CSS >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 Arquetteoriginal
- 2024-11-03 04:27:31926parcourir
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>
Dans le CSS fourni, ajoutez la ligne suivante :
<code class="css">#container {
position: relative;
}</code>
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!