Hướng dẫn tạo tootip trong khi rê chuột vào hình ảnh

Hướng dẫn tạo tootip trong khi rê chuột vào hình ảnh
Cách tạo tooltip khi rê chuột vào ảnh thì hình phóng lớn và hiện mô tả.

Code:
<a class="thumbnail" href="/cntt/" >
<span><img src="/cntt/" /></span></a>
Tiếp theo vào file css của template dán đoạn css sau vào:

Code:
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;

}

Chúc các bạn thành công!
Nguồn: Sưu tầm