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;
}