Beim Auftreten von CSS-Problemen in Internet Explorer 6 und 7 im Zusammenhang mit Overflow: Hidden und Position : relative, oft gibt es einen bestimmten Schuldigen, der die beabsichtigte Funktionalität behindert.
Im bereitgestellten Code-Snippet kann das Problem der Position: relative-Eigenschaft zugeschrieben werden, die auf das ul-Element angewendet wird. Obwohl diese Eigenschaft für die Funktionalität des Schiebereglers unerlässlich ist, unterbricht sie versehentlich die overflow:hidden-Eigenschaft im item-list-div.
Um dieses Problem zu beheben, fügen Sie position: relativ zum Body-Element hinzu, wie in der Abbildung gezeigt Überarbeiteter Code unten:
<code class="html"><body>
<div style="position:relative;"> <!-- New div with position:relative -->
<div class="column-1">
<div class="item-list clearfix">
<!-- Rest of the code remains the same --></code>Dieser Zusatz erstellt einen neuen Container mit position: relative, wodurch die Positionierung des ul-Elements effektiv isoliert wird und ermöglicht wird, dass die overflow:hidden-Eigenschaft im item-list-Div wie erwartet funktioniert. Folglich werden die nicht aktiven Folien erfolgreich ausgeblendet.
Das obige ist der detaillierte Inhalt vonWarum funktioniert „overflow: hide' nicht mit „position: relative' in IE6 und IE7?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
