Tạo hiệu ứng tooltip giống Bootstrap khi rê chuột vào link

Tạo hiệu ứng tooltip giống Bootstrap khi rê chuột vào link

Thủ thuật tạo hiệu ứng tooltip giống bootstrap khi rê chuột vào link giúp Blog của bạn thêm nổi bật tăng thêm phần chuyên nghiệp. Các bước thực hiện rất đơn giản chỉ một chút css và đặt hiệu ứng vào nơi muốn hiển thị và hiệu ứng có thể đặt trong <div>, <span> chứ không nhất thiết phải trong <a>. Các bước thực hiện như sau: 1. Chèn css trong <b:skin> Copy [data-tooltip] {   position:relative;   z-index:2;   cursor:pointer; } [data-tooltip]:before,[data-tooltip]:after {   visibility:hidden;   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);   opacity:0;   pointer-events:none; } [data-tooltip]:before {   position:absolute;   bottom:120%;   left:50%;   margin-bottom:5px;   margin-left:-85px;   padding:7px;   width:160px;   -webkit-border-radius:3px;   -moz-border-radius:3px;   border-radius:3px;   background-color:#000;   color:#fff;   content:attr(data-tooltip);   text-align:center;   font-size:13px;   line-h…