Heim >Web-Frontend >CSS-Tutorial >Warum kann „overflow:hidden' inaktive Folien in IE6 und IE7 nicht ausblenden, wenn es mit „position: relative' kombiniert wird?
Warum kann „overflow:hidden' inaktive Folien in IE6 und IE7 nicht ausblenden, wenn es mit „position: relative' kombiniert wird?
- Patricia ArquetteOriginal
- 2024-11-03 04:27:31975Durchsuche
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.
<code class="html"><body>
<div id="container">
...
</div>
</body></code>
Fügen Sie im bereitgestellten CSS die folgende Zeile hinzu:
<code class="css">#container {
position: relative;
}</code>
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!