CSS, das ein Bild über dem anderen platziert

Ich arbeite an einer CSS-Entwurfsvorlage.

Ich habe zwei BilderimageOne undimageTwo.

Beide sindposition: relative denn wenn ich einen von ihnen setzeposition: absolute dann bleibt es nicht mehr so ​​reaktionsschnell und reaktionsschnell ist hier der Schlüssel.

Was ich will, ist zu platzierenimageTwo aufimageOne.

Wie kann ich das erreichen, während die Reaktionsfunktion von twitterbootstrap auf diesen beiden Bildern noch funktioniert?

Unten ist mein Code: (jsfiddle verfügbarHier)

<div class="imageOne image"></div>
<div class="imageTwo image"></div>

CSS

.image {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid red;
}
.imageOne {
    z-index: 0;
}
.imageTwo {
    z-index: 1;
}

Antworten auf die Frage(7)

Ihre Antwort auf die Frage