» tooltip con CSS » Full(o)bloG

ATTENZIONE! L'articolo che stai leggendo ha oltre un anno di vita, alcuni degli argomenti trattati potrebbero non essere pi� validi.

tooltip con CSS

inserito in tecnologia da fullo @ 22-01-2004 11:32

giusto qualche giorno fa chiedevo a futa se avesse qualche idea di come associare ad un tooltip un particolare CSS, ed ecco che su redemption oggi pubblicano la soluzione ai miei problemi!

aggiornamento del 23/02/04 ore 0.40
ecco come ho risolto io:

.tooltip {
border-bottom: 1px dashed #ccc
z-index: 2;
margin: 0px;
display: block;
}

.tooltip[desc]:hover:after {
display:block;
content:”"attr(desc)”";
border:1px solid #ccc;
color:#000;
background:#f4f1e8;
z-index: 3;
margin: -10px 0px 0px 0px;
width: 100px;
}

<span class=’tooltip’ desc=’il tooltip è colorato, ciò renderà il mondo migliore!’>tooltip</span>