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 Arquette
Freigeben: 2024-11-03 04:27:31
Original
938 Leute haben es durchsucht

Why Does `overflow: hidden` Fail to Hide Inactive Slides in IE6 and IE7 When Combined with `position: relative`?

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

<code class="html"><body>

  <div id="container">

    ...

  </div>

</body></code>

Nach dem Login kopieren

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

1

2

3

<code class="css">#container {

  position: relative;

}</code>

Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage