Show image over another image on hover

---

Description: 

Replace image url’s in the html-code

---

Kind:

CSS, HTML

---

CSS:

.imageBox {
position: relative;
float: left;
}

.imageBox .hoverImg {
position: absolute;
left: 0;
top: 0;
display: none;
}

.imageBox:hover .hoverImg {
display: block;
}

---

HTML:

<div class="imageBox">
<div class="imageInn">
<img src="http://3.bp.blogspot.com/_X62nO_2U7lI/TLXWTYY4jJI/AAAAAAAAAOA/ZATU2XJEedI/s1600/profile-empty-head.gif" alt="Default Image">
</div>
<div class="hoverImg">
<img src="https://lh5.googleusercontent.com/-gRq6iatuNYA/AAAAAAAAAAI/AAAAAAAAANk/674knqRN1KI/photo.jpg" alt="Profile Image">
</div>
</div><

---

URL:

• https://stackoverflow.com/questions/19108112/show-image-over-another-image-on-hover

---