تولتیپ با css

و css به این صورت:

a.info{
position:relative;
z-index:24;
text-decoration:none
}

a.info:hover{z-index:25;  }

a.info span{display: none}

a.info:hover span{
direction:rtl;
text-align:justify;
-khtml-border-radius: 5px;
padding:5px 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background:#3388AF;
border:1px solid #03496A;
max-width:200px;
text-shadow: 0px 1px 1px #383838;
border:1px solid #03496A;
font: normal 12px tahoma, arial;
line-height:18px;
display:block;
position:absolute;
top:2em; left:2em; width:15em;
color:#fff;
}

/ 0 نظر / 31 بازدید