IE6 IE7 CSS Problem mit Überlauf: versteckt; - Position: relativ; Combo
Beim Versuch, einen Homepage-Slider zu erstellen, der jQuery zum Navigieren in Bildern, ihren jeweiligen Titeln und Teasern verwendet, stieß ein Entwickler auf ein rätselhaftes Problem. Während der Slider in anderen Browsern reibungslos funktionierte, funktionierte er in IE6 und IE7 nicht richtig, insbesondere im Hinblick auf das Ausblenden inaktiver Slides mit overflow: versteckt;.
Eine isolierte HTML-Seite wurde sorgfältig neu erstellt, um den problematischen Code zu lokalisieren:
<code class="html"><style>
ul {
position: relative;
}
.item-list {
overflow: hidden;
width: 499px;
}
</style></code>Nach gründlicher Untersuchung wurde festgestellt, dass der Täter die „Position: relativ;“ war. Attribut, das auf das
Lösung:
Um das Problem zu beheben, wurde dem Entwickler empfohlen, position: relative; hinzuzufügen. stattdessen zum Containerelement. In diesem Fall würde das das Hinzufügen eines
Das obige ist der detaillierte Inhalt vonWarum kommt es zum Überlauf: versteckt; Stoppen Sie die Arbeit mit position: relative; im IE6 und IE7?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
