IE6 IE7 CSS-Problem mit Überlauf: versteckt; - Position: relativ; Combo

Dieses Problem tritt auf, wenn versucht wird, inaktive Folien in einem Schieberegler auszublenden, indem die CSS-Eigenschaft „Overflow: Hidden“ verwendet wird. In IE 6 und 7 schlägt dieser Ansatz jedoch fehl, sodass nicht aktive Folien sichtbar bleiben. Die Hauptursache liegt in der Kombination von overflow: versteckt und position: relativ für das enthaltende ul-Element.

Eine bekannte Problemumgehung für dieses Problem besteht darin, position: relativ zum Containerelement hinzuzufügen. In der gegebenen HTML-Struktur dient das Body-Tag als Container. Um das Problem zu lösen, fügen Sie direkt unter dem Text ein Div hinzu und weisen Sie ihm die Position zu: relative.

  

    ...
  

Fügen Sie im bereitgestellten CSS die folgende Zeile hinzu:

#container {
  position: relative;
}

Diese Änderung wird das Problem beheben und die Verwendung von overflow:hiden ermöglichen, um inaktive Folien in IE 6 und 7 auszublenden und so die ordnungsgemäße Funktionalität der Schieberegler sicherzustellen.