Ich habe zwei Elemente. Eines ist ein Suchfeld, das relativ positioniert werden muss. Das andere ist ein Bild, mit dem ich einen Teil des Suchfelds überlappen möchte, und es muss auch relativ positioniert werden. Egal was ich den Z-Index setze, IE7 wird das Bild nicht überlappen. Es geht unter die Suchbox. Es überschneidet sich jedoch und funktioniert in Firefox. Hilfe? DankeZ-Index mit zwei relativ positionierten Elementen IE7
Antwort
Z-Index wird nur ins Spiel kommen, wenn das Element absolut positioniert ist. Etwas, das Sie versuchen könnten, wäre, das Bild absolut positioniert und in ein relativ positioniertes div zu legen, da die Position vom übergeordneten Element übernommen wird.
Hoffnung, dass klar ist, lassen Sie mich wissen, wenn Sie mehr Details benötigen
Eigentlich sollte Z-Index für Position arbeiten: relativ, absolut oder fest – jkelley
Es gibt einen z-index Bug im IE7.
helfen Dies kann: http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/64774ff1-1cce-4666-a2c7-9a899994aaef
Wir brauchen einen Code zu sehen. Wenn Ihre Struktur etwas Ähnliches ist:
<div style="z-index: 1">
<input style="z-index: 1; position: relative;" type="text" name="search" />
<img style="z-index: 2; position: relative;" >
</div>
Es sollte funktionieren.
- 1. Clearfix mit absolut positionierten Elementen
- 2. Weird CSS-Problem mit absolut positionierten Elementen
- 3. zIndex mit Position: relativ: funktioniert nicht Chrom und Safari
- 4. jQuery Hover() funktioniert nicht mit absolut positionierten Elementen und Animation
- 5. CSS Verständnis Rand in absolut positionierten Elementen
- 6. Expand div zu Text Länge mit absolut positionierten Elementen
- 7. Wie fülle ich 100% eines absolut positionierten div? (IE7 +)
- 8. Warum zieht Chrom die Bodenelemente nach einem relativ positionierten Element hoch?
- 9. Wie positioniere ich ein Element unter einem relativ positionierten Element, ohne es zu überlappen?
- 10. zwei div mit Position relativ hinter (überlappend)
- 11. AppendChild in IE6/IE7 funktioniert nicht mit vorhandenen Elementen
- 12. zIndex in React Native
- 13. ausblenden TitleBar + ZIndex
- 14. WPF zIndex in TabControl
- 15. Openlayers Feature Style zIndex
- 16. Python Relativ-Import-Skript zwei Ebenen höher
- 17. Herausfinden, ob zwei Zahlen relativ prim sind
- 18. Positionieren eines geschachtelten DIV relativ zur Seite und nicht des ersten positionierten Vorfahren
- 19. Passen Sie absolut positionierte DIV * vollständig * in relativ positionierten Eltern DIV?
- 20. Bootstrap-Dropdown-Listen-Menüs hinter anderen Elementen erscheinen - IE7
- 21. ZIndex auf ObservableCollection-gebundene ListBox
- 22. itemFrequency aus zwei Elementen zusammen
- 23. Problem mit absolut positionierten div verschachtelt in einem anderen absolut positionierten div
- 24. Elemente positioniert relativ bewegen sich nicht, wenn das DOM aktualisiert wird (IE6 und IE7)
- 25. Stellen Sie die Breite des fest positionierten div relativ zu seinem übergeordneten Element mit der maximalen Breite ein
- 26. jQuery $ ('# divOne'). Animate ({zIndex: -1000}, 2000) funktioniert nicht?
- 27. Möglich, den nächsten positionierten Vorfahren zu umgehen?
- 28. Target IE7 mit jQuery
- 29. Kompatibilitätsprobleme mit IE7?
- 30. Making Zurb's Foundation 3 arbeiten mit IE7
Überall gehostet? oder Jsfiddle? –