Posted By

shadow_d2 on 10/23/10


Tagged

css crossbrowser tooltip cross-browser best melhor


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

NyX


ToolTips CSS


 / Published in: CSS
 

Com esse codigo você pode obter um tooltip usando apenas css.

  1. CSS
  2.  
  3. a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
  4. a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
  5. a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
  6.  
  7. HTML
  8.  
  9. Easy <a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>.

Report this snippet  

You need to login to post a comment.