Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@nathany
Created September 16, 2009 21:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nathany/188207 to your computer and use it in GitHub Desktop.
Save nathany/188207 to your computer and use it in GitHub Desktop.
/* Pure CSS tool tips from CSS Mastery, originally by Eric Meyer? With fix for IE, see below */
a.tooltip {
position: relative;
}
a.tooltip span {
display: none;
}
a.tooltip:hover {
z-index: 100; /* must be here and not on span below, for IE7 */
visibility: visible; /* for IE6 */
}
a.tooltip:hover span {
display: block;
position: absolute;
top: 2em;
left: 0;
padding: 0.2em 0.6em;
border: 1px solid #b1b2a7;
background-color: #f0f1e1;
color: black;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment