Warum kann „overflow:hidden' inaktive Folien in IE6 und IE7 nicht ausblenden, wenn es mit „position: relative' kombiniert wird?

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">&lt;body&gt;
  &lt;div id=&quot;container&quot;&gt;
    ...
  &lt;/div&gt;
&lt;/body&gt;</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!