Положение HTML-подсказки относительно указателя мыши
Как выровнять подсказку по естественному стилю: правая нижняя часть указателя мыши?
~~~ Еще немного текста, чтобы можно было отправить. ~~~ Еще немного текста, чтобы можно было отправить. ~~~ Еще немного текста, чтобы можно было отправить. ~~~
<!DOCTYPE html>
<html>
<head>
<title>Tooltip with Image</title>
<meta charset="UTF-8">
<style type="text/css">
.tooltip {
text-decoration:none;
position:relative;
}
.tooltip span {
display:none;
}
.tooltip span img {
float:left;
}
.tooltip:hover span {
display:block;
position:absolute;
overflow:hidden;
}
</style>
</head>
<body>
<a class="tooltip" href="http://www.google.com/">
Google
<span>
<img alt="" src="http://www.google.com/images/srpr/logo4w.png">
</span>
</a>
</body>
</html>