IE6 IE7 CSS Problem mit Überlauf: versteckt; - Position: relativ; Kombination
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 auf dem enthaltenden 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 ein Div direkt unter dem Text hinzu und weisen Sie ihm die Position „relativ“ zu.
1 2 3 4 5 |
|
Fügen Sie im bereitgestellten CSS die folgende Zeile hinzu:
1 2 3 |
|
Diese Änderung wird Beheben Sie das Problem und aktivieren Sie die Verwendung von Overflow: Hidden, um inaktive Folien in IE 6 und 7 auszublenden und die ordnungsgemäße Funktionalität der Schieberegler sicherzustellen.
Das obige ist der detaillierte Inhalt vonWarum kann „overflow:hidden' inaktive Folien in IE6 und IE7 nicht ausblenden, wenn es mit „position: relative' kombiniert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!