2009-07-20 9 views
0

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

+0

Überall gehostet? oder Jsfiddle? –

Antwort

0

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

+3

Eigentlich sollte Z-Index für Position arbeiten: relativ, absolut oder fest – jkelley

0

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.

Verwandte Themen