La Solución es algo ineficiente según los requerimientos que pidió el forista que inició este tema. Ni siquiera es una solución Usando CSS, lo que visto el participante será un bocadillo no una ventanita, no un bocadillo que tarde algo en aparecer. Bien, hay solución??? La hay, pero no es CSS, sino en JavaScript. y cual es? Es esta.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Titulo</title>
<script language="JavaScript">
function capa (ca, co) {
var e = event;
var cont = "<table bgcolor=\"#DBFFFF\"><td>"+co+"</table>";
var cap = document.getElementById(ca);
{
cap.style.left = e.pageX ? pageXOffset + e.clientX: document.body.scrollLeft + e.x;
cap.style.top = e.pageY ? pageYOffset + e.clientY : document.body.scrollTop + e.y - 30;
cap.style.visibility = 'visible';
cap.innerHTML = cont;
}
}
function closeT (ca) {
var cap = document.getElementById(ca);
if (cap.style.visibility) cap.style.visibility = "hidden";
}
</script>
<style type="text/css">
#cap {
visibility: hidden;
position: absolute;
}
</style>
<div id="cap"></div>
</head>
<body>
<a href="#" onMouseover= "capa('cap', 'Definicion: todo lo que quieras')" onMouseOut="closeT('cap')">Palabra</a>
</body>
</html>